草庐IT

Bootstrap-select

全部标签

javascript - X-Editable 和 Bootstrap 4

之前我已经使用X-Editable和Bootstrap3实现了内联编辑。使用Bootstrap4它似乎不再有效。CheckouttheJsFiddlehere.如果我像这样定义一个简单的弹出窗口:comment$(document).ready(function(){$('.comment').editable();});它在BS3中工作正常,但一旦我切换到BS4,它就不再工作并给出错误:UncaughtTypeError:Cannotreadproperty'addClass'ofundefinedatPopup.show(bootstrap-editable.js:1091)atE

javascript - Select2 未通过 AJAX 获取数据

我有以下代码应该使用Select2通过AJAX获取数据$('#Organisation').select2({ajax:{url:AppURL+'Organisations/Manage/SearchByName/',dataType:'json',quietMillis:100,data:function(term){return{term:term};},results:function(data){return{results:data};}}});如果我在搜索“O”时使用WebInspector查看请求,我得到:[{"label":"Organisation1","ID":2}

javascript - Twitter Bootstrap 工具提示说明不起作用?

我注意到我的TwitterBootstrap工具提示不符合data-position。所以,我前往TwitterBootstraptooltipsdemo,特别是查看“X上的工具提示”示例,这就是我得到的:方向好像没有支持?但是,工具提示继承自的弹出窗口(或者可能是相反的方式?)起作用:尝试过的浏览器:Ubuntu12.10上的Chromium24.0Ubuntu12.10上的Firefox19.0这是应该报告的错误,还是这里发生的其他事情? 最佳答案 JsfiddleJsfiddlewithtooltipworking这不是错误,

javascript - 获取 Twitter Bootstrap 单选按钮的值。查询

我正在使用来自TwitterBootstrap的单选按钮:http://twitter.github.com/bootstrap/javascript.html#buttons.在我的html中看起来像这样:LeftMiddleRight我想知道如何使用Jquery或Javascript获取用户选中的按钮的值。我看到了几个关于这个主题的问题,但我认为这种按钮是不同的,因为它们看起来不接受“选中”属性。非常欢迎任何帮助PS:如果有人知道如何默认选中其中一个按钮,那也会对我有很大帮助。谢谢。 最佳答案 正如标签所说的那样,它是一个按钮,

javascript - 使 Bootstrap 响应基于父 div 的最佳方法?

我需要Bootstrap中的容器基于父div而不是媒体查询进行响应。如果可能的话,我无法找出最好的方法,尤其是在不使用javascript的情况下。目前,在调整大小时,我会计算.span*div是否应为100%宽度(如果父div最终低于640px)或遵守列CSS。这是一个jsfiddle。使用.somecontainer上的CSS,.span*的内部布局应该像移动一样-因此如果将CSS更改为640px以上,则每一列都应该全宽,例如,它将重新布局为列布局。有什么想法吗?目前正在使用类似这样的代码(这并不理想)$(document).ready(function(){$('.somecon

javascript - 在 bootstrap-datepicker 上突出显示某些日期

我正在使用bootstrap-datepicker来检查我的网站获得销售的日期,我想显示或突出显示至少有一次销售的日期。我可以在JSON上传递日期,然后将它们放入Javascript的数组中,但我不知道如何让日期选择器获取日期并突出显示它们。有没有办法使用bootstrap-datepicker来实现这一点? 最佳答案 这是另一个突出显示日期范围的示例:varinRange=false;$('#elementPicker').datepicker({beforeShowDay:function(date){dateFormat=da

javascript - bootstrap.js 中的 emulateTransitionEnd,它来自哪里?

我正在调试modal.js并遇到了以下代码:that.$element.find('.modal-dialog')//waitformodaltoslidein.one('bsTransitionEnd',function(){that.$element.trigger('focus').trigger(e)}).emulateTransitionEnd(Modal.TRANSITION_DURATION):that.$element.trigger('focus').trigger(e)我的问题是关于以下行:emulateTransitionEnd(Modal.TRANSITION_

javascript - Select2 jquery 插件显示结果中选定项目的数量而不是标签

我正在使用Select2jQuery插件。https://select2.github.io/供引用当我使用多个下拉选项时。所选项目的结果显示为框中的标签,但我只想显示所选项目的数量。Select2jQuery插件是否可行HTMLName1Name2Name3Name4Name5Name6Name7JS$('select').select2();我想要如下输出而不是标签之类的输出。ExampleworkingFiddle 最佳答案 可以在初始化select2后加入这段代码$('select').on('select2:close',

javascript - 如何从 javascript 函数中显示 Bootstrap 模式?

我的页面上有一个按钮,当它被按下时会触发一些javascript函数,其中一个javascript函数会打开Bootstrap模式,但我似乎无法让它工作。这是我的代码...请帮助。//elsewhereontheformisthebuttonthattriggersthejavascriptYes,cancelitxCancelPurchaseOrder?Yes,cancelitNevermind$('.btn-danger').click(function(event){if(somerandomconditionalstatement){//somestuffhappenshere

javascript - Bootstrap 4 可折叠卡片 - 断断续续的动画

我正在使用Bootstrap4并创建了一张带有.card-header和.card-block的卡片,如下所示:cardheadercardblock我希望能够单击卡片标题来切换卡片block。我试过使用Bootstrap的折叠机制(您会注意到卡片标题中的data-toggle="collapse")。它有效-但动画非常不稳定。我不知道为什么。Here'sanexampleoncodepen. 最佳答案 延迟问题:问题是.card-block类,它默认添加了1.25rem的填充。如果您从div#test-block中删除类card-