Tag: twitter bootstrap

扩展bootstrap select插件: 在我之前的问题中，我在谈论bootstrap select插件，其中destroy方法正在做我不想要的事情。我手动编辑插件，但这不是一个好习惯。 Bootstrap select destroy从DOM中删除原始选择我想用自定义方法扩展插件，以便它可以完全按照我想要的方式执行。我用以下方法扩展插件： $.extend(true, $.fn.selectpicker.prototype, { customRemove: function () { this.$newElement.remove(); this.$element.show(); } }); 它位于bootstrap select脚本文件下的另一个js文件中。我该如何称呼这种新方法？我尝试了以下但没有成功： $(‘select#begin’ + _week + _day).selectpicker(“customRemove”); 要么 $(‘select#begin’ + _week + _day).selectpicker().customRemove(); 我错过了什么吗？ bootstrap select插件中destroy函数的原始方法： remove: function () { this.$newElement.remove(); this.$element.show(); }

检查Bootstrap Datepicker脚本是否已加载: 我收到错误： Uncaught TypeError: undefined is not a function 当我尝试设置datepicker时： $(‘.datepicker’).datepicker(); 如何确定日期选择器是否已加载？要清楚，我没有使用jQuery UI

销毁Bootstrap popover时出现Javascript错误: 试图改变一个引导Popover的标题和内容，我遇到了一些麻烦。我在销毁选择器中的弹出内容时遇到此问题。错误就是这个 TypeError: ‘undefined’ is not a function (evaluating ‘data[option]()’) 这段代码是这样的： $(“#test_name-” + json.test_id).popover(‘destroy’); 我收到了该行的错误。我已经检查过$(“#test_name-” + json.test_id)真的包含一个Popover。编辑：由于评论我解决了。我没有使用最新版本的Bootstrap。一旦升级到2.1.0，一切似乎都很完美。重要！在这个新版本中，您需要将触发器设置为“hover”，因为它默认为“单击”。非常感谢佩德罗

Bootstrap carousel：如何同时滑动两个旋转木马滑块？: 我在单页上有三个旋转木马滑块，我希望它们同时移动其中两个。我们都应该同时更改滑块图像。两者都有相同数量的图像/幻灯片。这是我正在使用的代码： jQuery(‘#carousel-example-generic1, #carousel-example-generic2’).carousel({ interval: 4000 }); 我也试过以下代码： jQuery(‘.carousel’).carousel({ pause:’false’ }); jQuery(‘#carousel-example-generic1’).on(‘slide’, function(){ jQuery(‘#carousel-example-generic2’).carousel(‘next’); }); 但左右滑块在更换幻灯片时几乎没有延迟。这种延迟继续增加。这类问题有哪些已知问题？链接到该网站是这样的。 JSFiddle：链接

在动态创建表行后应用Bootstrap“table-striped”: 我正在尝试确保将Twitter Bootstrap table-stripped CSS样式应用于在运行时动态添加行的表。出于某种原因，我正试图找到底线，我无法使这种特殊的风格起作用，以便我的新行采用剥离外观进行样式设置。所以如果我有这个包含table-stripped HTML： Heading A Heading B Heading C 然后我运行这个JavaScript代码： for (var i = 0; i tbody:last’).before(” + i +’bc’); } 我将获得我的5个新行，但它们不会应用table-stripped样式。即使我在使用它创建后手动添加类也没有区别。 $(‘#table2’).addClass(‘table-hover’); 我已经创建了一个jsFiddle示例，因此您可以看到它正在运行。

如何防止Bootstrap Navbar Toggle推送内容？: 我正在使用带有静态顶部导航栏的Bootstrap，如下所示： … 在它的最新版本3.2.0中，当触发菜单时，Bootstrap导航栏切换不幸地在小屏幕上推送内容。如何防止这种行为，即保持内容静态，让移动菜单覆盖以前版本中的内容？

Bootstrap select destroy从DOM中删除原始选择: 我目前在我的一个项目中使用Bootstrap select插件。我有一个动态生成的表，其中包含select元素，然后我使用以下命令将其转换为bootstrap select： _tr.find(‘select.selectpicker’).selectpicker({ size: 10 }); 其中_tr是我添加select元素的行。这工作正常，显示bootstrap选择，在firebug中我仍然看到原始的select元素。现在每一行都有一个按钮，用于删除（销毁）引导程序选择。但它也删除了原始选择，这就是问题，因为我仍然需要原始选择来做其他事情。我使用以下命令来销毁： $(‘select#begin’ + _week + _day).selectpicker(“destroy”); $(‘select#end’ + _week + _day).selectpicker(“destroy”); $(‘select#pause’ + _week + _day).selectpicker(“destroy”); 在其他插件中，如果使用destroy，它会再次显示原始元素。这是boostrap选择插件中的问题还是有另一种方法可以删除引导程序选择并重新显示原始选择。

jQuery Carousel Stuck（Twitter Bootstrap）: 我在这里实现了Twitter Bootstrap的Carousel jQuery插件：http： //zarin.me/circlefive/dashboard.html （参见响应标签）旋转木马通常起作用，但偶尔会卡住。当您与其他选项卡交互然后使用响应选项卡时，尤其会发生这种情况。我认为这与标签有关.. 有谁知道为什么旋转木马卡住了？谢谢！

表单通过ajax POST提交两次: 使用通过AJAX调用的php文件插入mysql 。在insert语句之前，php代码执行select查询以查找重复记录并继续insert statement 。问题：从ajax调用php文件时。它执行了两次并获得响应作为重复记录。好吧，我尝试了插入函数的error_log ，它被调用了两次。表单validation的触发点 $(“#load-modal”).on(“click”,”#addcountryformsubmitbtn”,function(e){ e.preventDefault(); var $form = $(“#addcountryform”), $url = $form.attr(‘action’); $form.submit(); }); 这是validation后提交表单的方式： }).on(‘success.form.bv’, function(e){ e.preventDefault(); var $form = $(“#addcountryform”), $url = $form.attr(‘action’); $.post($url,$form.serialize()).done(function(dte){ $(“#load-modal”).html(dte); }); }); 使用bootstrapvalidator，Core PHP，mysqli，Chrome浏览器。实际的JS： $(document).ready(function() { $php_self_country=””; $(“#country-content”).load($php_self_country,loadfunctions); $(“#country-content”).on( “click”, “.pagination a”, function (e){ e.preventDefault(); $(“#country-loading-div”).show(); var page = […]

在Twitter Bootstrap中使用tap事件: 我正在使用twitter-bootstrap开发一个可以在多个设备上呈现的Web应用程序。现在我想处理’tap’事件。所以我的问题是：我可以使用jquery 1.7.2处理’tap’事件而不使用jqueryMobile吗？如果上述问题的答案为否，那么如何将jqueryMobile与twitter-bootstrap集成。因为我尝试在我的twitter-bootstrap页面中包含jQueryMobile js，当我使用它时，页面中断！