草庐IT

UI-Bootstrap

全部标签

javascript - 以动态/编程方式将项目添加到 jQuery-ui 可排序

我有一些与此类似的jQueryUIPortlet:http://jqueryui.com/sortable/#portlets我想要的是在每个portlet中动态添加(当用户单击UI上的按钮时)一些像这样的框(显示为网格):http://jqueryui.com/sortable/#display-grid我想将它们从上到下和从左到右添加到portlet,定义每行“框”(项目)的最大数量。是否可以这样做(将它们动态添加到每个portlet中)?如果是这样,如何?一些想法?例如,假设我的asp.netmvc4View(最初为空)中有以下jquery-ui可排序block:所以当用户点击一

javascript - 检查是否有任何 Bootstrap 模式打开

如何检查当前是否打开了任何Bootstrap模式?背后的原因:如果模式打开,我想停用某些键盘处理程序。 最佳答案 如果你正在使用jquery,你可以使用这个:functionisABootstrapModalOpen(){return$('.modal.in').length>0;}普通JS解决方案:functionisABootstrapModalOpen(){returndocument.querySelectorAll('.modal.in').length>0;}此解决方案适用于任何模态,而不仅仅是特定模态。编辑:上面的代码

javascript - 如何使用 github.com/1000hz/bootstrap-validator 的自定义验证器

来自文档http://1000hz.github.io/bootstrap-validator/:Addcustomvalidatorstoberun.ValidatorsshouldbefunctionsthatreceivethejQueryelementasanargumentandreturnatruthyorfalsyvaluebasedonthevalidityoftheinput.Objectstructureis:{foo:function($el){returntrue||false}}Addingthevalidatortoaninputisdonejustlike

javascript - 带有 ng-repeat 的 bootstrap-labels 之间没有间距

当我使用angular.js中的ng-repeat添加标签时,它们显示时没有间距。这是一个Plunker这证明了这一点。但是如果我手动添加标签,只是复制了html,那么它们将以空格显示。有没有办法像在纯Bootstrap中那样在标签之间添加空白而无需额外的样式? 最佳答案 您可以将HTML标记更改为此...Mypanel{{tag}}演示:http://bootply.com/113372 关于javascript-带有ng-repeat的bootstrap-labels之间没有间距,我

javascript - angular-ui 模态 Controller 内的 ng-model 输入未定义

在我的模态模板中,我尝试使用ng-model为我的Controller范围($scope.name)分配一个值,但它没有工作。它给了我undefined。我究竟做错了什么?Plunkerhere我希望模态创建自己的范围,并将name放入该范围,因为我使用了ng-model。它似乎在模态Controller内部处于事件状态,因为我可以使用{{name}}很好地输出它Name:OKOpenme!Javascript:angular.module('plunker',['ui.bootstrap']);varModalDemoCtrl=function($scope,$modal,$log)

javascript - 检测何时使用 jQuery UI 的可拖动项向左或向右拖动?

我正在使用JQueryUI使元素可拖动,并且在代码中,可以指定开始、拖动和结束时要执行的操作。但是我怎样才能在向左拖动时运行一个函数而在向右拖动时运行另一个函数呢?我已经将可拖动轴限制为仅x轴。所以元素只能向左或向右移动。 最佳答案 查看此演示:http://jsfiddle.net/3NtS9/您可以通过在每个原子拖动操作上检查之前的事件坐标来做到这一点。varprevX=-1;$('div').draggable({drag:function(e){//console.log(e.pageX);if(prevX==-1){pre

javascript - 文档中的 Bootstrap 3 垂直词缀菜单示例 - 调整大小问题

我正在尝试使用Bootstrap3verticalscrollspy,但是我找不到源代码中包含的任何示例。我继续从这里删除文档页面http://getbootstrap.com/javascript/但是我在侧边栏上遇到了一些非常奇怪的调整大小错误-特别是:在页面刷新时,导航栏已定位并且工作正常,但在页面调整大小时,它可能会从页脚下方掉落,或者在内容结束前消失。当刷新并且浏览器视口(viewport)显示页脚(而不是内容)时,侧导航栏显示在页脚中,而它应该停止并与内容的末尾对齐。如果浏览器窗口最大化,单击导航项不会滚动到相应的标题元素。我的问题的视频演示在这里http://youtu.

javascript - 如何将项目添加到 kendo ui 网格的数据源

我已经成功创建了一个kendo.data.dataSource,我可以将它绑定(bind)到我页面上的KendoUIGrid。但是当我尝试dataSource.insert(0,[a:"b"]);时,它会删除之前存在的数据。我的示例代码如下:vartempSource=newkendo.data.DataSource({data:[{"ID":1,"Name":"Cliente1","NameID":"1-Cliente1"},{"ID":2,"Name":"Cliente2","NameID":"2-Cliente2"}]});这就是我绑定(bind)到网格的方式:$("#assoc

javascript - Bootstrap Datepicker - 从内联/嵌入式版本中选择日期

有人可以解释如何从Eternicode的扩展BootstrapeDatepicker的内联/嵌入式版本中捕获所选日期-http://eternicode.github.io/bootstrap-datepicker/Submit...$('#datepickiddiv').datepicker({startDate:"+1d",todayHighlight:true});我很清楚,我希望它在所选日期更改时写入隐藏的输入。我确定我遗漏了一些明显的东西,但其他示例也写入了它链接的输入,但似乎没有明显的方式从内联版本输出数据。感谢所有帮助。 最佳答案

javascript - Bootstrap 警报关闭不起作用,rails 3.2

在Rails3.2中使用twitterbootstrap2.0(Assets/样式表中的css文件,现在不使用less或sass)我的屏幕顶部有Bootstrap样式的错误或成功警报(基于消息的第一个字是否==“错误”。我已将“bootstrap.js”和“bootstrap-alert.js”添加到assets/javascript文件夹中。这是我布局中的代码:×在我的assets/javascripts/application.js中我有:$(".alert-message").alert()$(".alert-message").alert('close')不确定我需