小编Nay*_*Das的帖子

弹出窗口内容中的Bootstrap切换按钮不起作用

我已经制作了一个jsFiddle,我使用twitter bootstrap切换按钮和popover.

HTML:

<div class="btn-group btn-toggle">
  <button class="btn btn-sm btn-info">On</button>
  <button class="btn btn-sm btn-primary active">Off</button>
</div>

<button id="popbutton" class="btn btn-lg btn-warn">pop up</button>
Run Code Online (Sandbox Code Playgroud)

JS:

var popupElement = '<div class="btn-group btn-toggle"><button class="btn btn-sm btn-  info">On</button><button class="btn btn-sm btn-primary active">Off</button></div>';

$('#popbutton').popover({
  animation: true,
  content: popupElement,
  html: true
});


$('.btn-toggle').click(function () {
   $(this).find('.btn').toggleClass('active');

   if ($(this).find('.btn-primary').size() > 0) {
      $(this).find('.btn').toggleClass('btn-primary');
   }
   if ($(this).find('.btn-danger').size() > 0) {
      $(this).find('.btn').toggleClass('btn-danger');
   }
   if ($(this).find('.btn-success').size() > 0) {
      $(this).find('.btn').toggleClass('btn-success');
   }
   if ($(this).find('.btn-info').size() > 0) {
      $(this).find('.btn').toggleClass('btn-info');
   }

  $(this).find('.btn').toggleClass('btn-default'); …
Run Code Online (Sandbox Code Playgroud)

jquery popover togglebutton twitter-bootstrap twitter-bootstrap-3

8
推荐指数
1
解决办法
8757
查看次数

如何使用javascript刷新另一个页面而不在新选项卡中打开同一页面

是否可以使用Javascript或JQuery从另一个页面刷新页面,而无需在新选项卡中打开相同的页面.

JS:

 var newtab = window.open('http://localhost:8081/app/home');
 newtab.document.location.reload(true);
Run Code Online (Sandbox Code Playgroud)

我尝试了上面的内容,但是在这里,它将打开一个新的选项卡,其中包含已在浏览器中打开的相同页面.

请建议一种方法.

javascript jquery reload page-refresh

5
推荐指数
1
解决办法
2万
查看次数

SBT上Spark 2.1.0的"未解决依赖"

version:="1.0"
scalaVersion:="2.11.8"
ivyScala:= ivyScala.value map {_.copy(overrideScalaVersion = true)}
libraryDependencies + ="org.apache.spark"%%"spark-core"%" 2.1.0"

当我尝试通过sbt组装jar时,我试图让我的开发环境产生火花,但它失败并在我的sbt中显示[error],如下所示:

[warn]  :::::::::::::::::::::::::::::::::::::::::::::: <br/>
[warn]  ::          UNRESOLVED DEPENDENCIES         :: <br/>
[warn]  :::::::::::::::::::::::::::::::::::::::::::::: <br/>
[warn]  :: org.apache.spark#spark-core_2.11;2.1.0: not found <br/>
[warn]  :::::::::::::::::::::::::::::::::::::::::::::: <br/>
[warn] 
[warn]  Note: Unresolved dependencies path: <br/>
[warn]      org.apache.spark:spark-core_2.11:2.1.0  (D:\MyDocument\IDEA\Scala\model\build.sbt#L9-10) <br/>
[warn]        +- org.apache.spark:spark-catalyst_2.11:2.1.0 <br/>
[warn]        +- org.apache.spark:spark-sql_2.11:2.1.0 (D:\MyDocument\IDEA\Scala\model\build.sbt#L15-16) <br/>
[warn]        +- org.apache.spark:spark-hive_2.11:2.1.0 (D:\MyDocument\IDEA\Scala\model\build.sbt#L11-12) <br/>
[warn]        +- default:producttagmodel_2.11:1.0 <br/>
[trace] Stack trace suppressed: run 'last *:update' for the full output. <br/>
[error] (*:update) sbt.ResolveException: unresolved dependency: …
Run Code Online (Sandbox Code Playgroud)

scala intellij-idea sbt

5
推荐指数
1
解决办法
4185
查看次数

服务架构和应用洞察

我是服务Fabric的新手,并尝试将我的Windows服务应用程序集成到服务结构中.对于日志记录信息,我们计划使用Application Insights.但如果我通过我的SF应用程序发送事件,则不会记录事件.同时,通过普通的控制台/ Windows应用程序,我可以将消息记录到applicationinsights,并可以从那里查看.

然后我尝试在azure环境中创建一个VM,并在那里创建SF应用程序并将日志信息发送给AI,并且它成功运行.我将相同的代码库复制到我的本地机器并运行它,它无法正常工作.我不确定它是否与任何防火墙或代理设置有关.任何人都可以帮忙吗?

我已经使用nuget包在我的机器上安装了Microsoft.ApplicationInsights dll.我使用的版本是2.2.0.我正在使用.Net framework 4.6.1

azure-application-insights azure-service-fabric

4
推荐指数
1
解决办法
3725
查看次数

引导程序中的轮播动画效果

我们可以在Bootstrap轮播中添加其他任何默认动画吗?在<div id="myCarousel" class="carousel slide" data-ride="carousel"> 我不希望滑动效果存在任何其他效果,而无需编写任何额外的代码或动画效果。

animation carousel twitter-bootstrap

2
推荐指数
1
解决办法
2万
查看次数

Bootstrap 4:响应式图片+裁剪?

我目前正在尝试从头开始学习 bootstrap 4,并且直到现在才设法处理其有限的文档。

我把初始项目放在这里:http : //codepen.io/kriszap/pen/GWWvLW 我对这部分特别感兴趣:

<div class="col-sm-6 col-md-6 py-0 px-0 mx-0 my-0">
<img src="http://placehold.it/640x500" class="img-fluid">
</div>
Run Code Online (Sandbox Code Playgroud)

我想问你两个简单的问题:

  1. 当我调整低于1200像素的窗口,占位符图片缩小为预期(IMG流体类),但是我正在寻找更好的解决方案,即http://html.orange-idea.com/barton/portfolio/smart/ 的上面的例子对我来说看起来太复杂了,但我认为他们正在使用某种裁剪方法?我喜欢这里的图像填充100% 的高度。这可以直接在引导程序中完成吗?你会这么好心并为初学者建议一个简单的解决方案吗?

  2. 将上面的图像直接放在带有列的 div 类中是一个好习惯吗? (<div class="col-xxx">)

html css twitter-bootstrap

2
推荐指数
1
解决办法
1万
查看次数