草庐IT

UI-bootstrap

全部标签

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')不确定我需

javascript - 在 Twitter Bootstrap 上切换复选框

我用TwitterBootstrap制作了一组复选框。现在我想做一个“全选”或“取消全选”按钮。我如何使用JS函数执行此操作?TwitterBootstrap文档说使用$().button('toggle')但它不起作用。这是我的代码片段:CMYK 最佳答案 从技术上讲,TwitterBootstrapButtons插件旨在与一起使用元素,并让它们的行为就像radio或复选框输入一样。此外,$().button('toggle')只是伪代码,实际上是要与选择器一起使用,例如$('.btn-toggle').button('toggl

javascript - Bootstrap 链接到带有 url 的选项卡

我正在使用bootstrap3,我在将url链接到特定选项卡时遇到了一些问题,面板发生了变化,但激活的选项卡没有。所以我想要这条线link,转到tab2,但它只转到tab2的面板,它不会激活该选项卡。这是html:Section1Section2Section3link.I'minSection2.Howdy,I'minSection3您可以在此链接http://bootply.com/90412中进行测试 最佳答案 为了激活选项卡,您可以使用jQuery插件,如bootstrap所示。.因此,您可以将这段jQuery代码添加到您的

javascript - Bootstrap 可以异步加载吗?

我已经很久没有使用Bootstrap了,不确定是否需要在中非异步加载它。用于页面构建目的。Googlesuggests使用此代码异步加载JS文件://AddascriptelementasachildofthebodyfunctiondownloadJSAtOnload(){varelement=document.createElement("script");element.src="deferredfunctions.js";document.body.appendChild(element);}//Checkforbrowsersupportofeventhandlingcapa

javascript - jQuery UI Slider - 发布时从 'slide' 事件返回的值不同于 'change' 值

我有一个jQueryUIslider:$('div.slider').slider({range:true,step:250,min:1000,max:500000,values:[1000,500000],change:function(event,ui){console.log($(this).slider('values',0)+','+$(this).slider('values',1));},slide:function(event,ui){console.log($(this).slider('values',0)+','+$(this).slider('values',1

javascript - 如何在 Bootstrap DateTimePicker 中禁用时间?

我想在没有选择时间的情况下使用bootstrapdatetimepicker,但它不起作用。我为pickTime参数提供了false值,但它仍然无法正常工作。但格式和语言参数正在工作。这是代码!我该如何解决这个问题?$(function(){$('#datetimepicker1').datetimepicker({format:"ddMMyyyy",pickTime:false,autoclose:true,todayBtn:true,language:'tr',pickerPosition:"bottom-right"});});Birtdate 最佳答

javascript - reactjs、bootstrap 和 npm import - jQuery 未定义

我试图在我的React应用程序中使用Bootstrap,但它给了我一个错误:Bootstrap的JavaScript需要jQuery。我已经导入了jquery并尝试从其他帖子中尝试以下操作:import$from'jquery';window.jQuery=$;window.$=$;global.jQuery=$;但是,我仍然收到未定义错误。解决这个问题的唯一办法就是把src="https://code.jquery.com/jquery-3.2.1.min.js"integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4

javascript - jQuery UI 日期选择器将不会显示 - 包含完整代码

我在显示jQuery日期选择器时遇到问题,如下所示:http://jqueryui.com/demos/datepicker/我相信我下载了所有正确的文件,但可以肯定的是,我从头开始并撕掉了演示站点。不是全部,但我认为是重要的部分。结果是没有要显示的日期选择器,也没有javascript错误。这是我的完整代码示例:jQuery(function(){jQuery("#datepicker").datepicker();});如有任何帮助,我们将不胜感激。谢谢! 最佳答案 请从输入标签中删除hasDatepicker类,它应该可以正常

javascript - jQuery UI switchClass() 方法无法正常工作

jQueryUIswitchClass()方法不切换类,而是执行一些不需要的动画,当我使用jquery.animate-enhanced时,类与原始类保持不变。js用于硬件加速动画。关于如何修复它的任何想法? 最佳答案 我以前遇到过这个问题,并且浪费了很多时间试图找出问题所在。我仍然不知道为什么switchClass有时不起作用,但我有一个解决方法:替换switchClass('circle','square');与addClass('square').removeClass('circle');希望对您有所帮助。