Tag: twitter bootstrap

事件差异引导崩溃

目前我的代码就像 $(‘.collapse’).on(‘show.bs.collapse’,function(){ $(‘.glyphicon-plus’).removeClass(‘glyphicon-plus’).addClass(‘glyphicon-menu-up’); }); $(‘.collapse’).on(‘hide.bs.collapse’,function(){ $(‘.glyphicon-menu-up’).removeClass(‘glyphicon-menu-up’).addClass(‘glyphicon-plus’); }); 和我的HTML代码看起来像（例如） 现在发生的事情是 当我点击调用函数或展开div时，所有的span类都变为“glyphicon-menu-up”（由消费引发） 我想做的事情是 当我点击其中一个来调用函数或扩展div我只需要一个span类我点击更改类 可选的 当我点击另一个跨度（或扩展其他div）时，我会在我使用时恢复正常（非点击）状态之前点击 $(‘.collapse’).click(function(e){ e.stopPropagation(); }); 改变JS只会感激不尽 因为我不想更改HTML代码（在这种情况下它只是示例，但在我的整个项目中很难改变所以我尝试通过使用bootstrap的崩溃事件来选择该范围） 谢谢

使用Jquery和ajax的Bootstrap开关切换function

我在我的应用程序中使用bootstrap开关如下： 每次点击开关时，我都会使用jquery代码来获取交换机的当前状态。 我使用的代码是： $(document).on(‘click’, ‘#switch_toggle’, function(event) { val = $(‘#switch-state’).bootstrapSwitch(‘state’); console.log(‘current state : ‘ + val); $.ajax({ url: “${rc.getContextPath()}/module/site-settings/update-title-display”, type: “POST”, data: { showTitle: 10, siteId : 1, }, dataType: “html”, success: function(htmlData) { aler(“Success”)) }, error: function(xhr, status, errorThrown) { console.log(“Error: ” + errorThrown); console.log(“Status: ” + status); console.dir(xhr); }, complete: function(xhr, status) {}, […]

Bootstrap弹出窗口不适用于第一个mouseenter事件

我使用如下代码 this 我按如下方式触发了jquery事件 $(document).on(“mouseenter”,”.reply”,function(event){ $(this).popover({placement:’bottom’}); }); 但问题出在第一个hover事件上，popover没有显示出来 从第二次事件popover得到正常显示…这种活动的原因是什么以及如何纠正它…

存储引导数据 – 模态，徽章和警报

我的网页中有以下几行代码 – example / demo 。 /* Messages Modal */ $(document).ready(function(){ var informer = $(“#messageInformer a”); var refreshBadge = function(messageCount) { var badge = informer.find(“.badge”); if (messageCount > 0) { if (!badge.length) { informer.text(“Messages “); informer.append(“” + messageCount + “”); } else { badge.text(messageCount); } } else { // informer.text(“No messages”); informer.text(“Messages “); informer.append(“” + […]

使用日期字符串数组在bootstrap datepicker中设置禁用月数不起作用

我有一个datepicker，它具有以下配置： HTML： JS： var datesToDisable = [“2016-11-01″,”2016-08-01″,”2016-06-01”, “2016-05-01″,”2016-04-01″,”2015-12-01″,”2015-09-01”]; $(‘#datepick’).datepicker({ format: ‘yyyy-mm-dd’, minViewMode: 1, // 1 for months maxViewMode: 2, // 2 for years startDate: ‘-36m’, endDate: ‘+0m’, autoclose: true, toggleActive: true }); $(‘#datepick’).datepicker(‘setDatesDisabled’, datesToDisable); 然后，异步调用将检索日期数组（此处由datesToDisable变量表示），这些日期数组使用setDatesDisabled方法传递给setDatesDisabled （如代码片段的最后一行所示），但它不起作用，因为月份对于已通过的日期仍可在日历中选择。 问题：这是在bootstrap datepicker日历中设置禁用月份的正确方法吗？ 我是否需要在一个月内通过所有日期以禁用特定月份？ 您可以在以下jsfiddle中查看它： http ： //jsfiddle.net/javlc/52g9xcz2/

如何重新加载具有不同参数的div？

我有一些标签。 在选择每个选项卡时，应使用与每个选项卡对应的一些特定参数值初始化特定div并重新加载。 怎么做到呢？ 以下是标签： Crime Accidents District:

Google地图无法正常显示

我在Twitter Bootstrap’s Modal窗口上有一个Google Map小部件。 当我打开模态窗口时，此地图仅显示在窗口小部件的一部分上（ 示例 ）。 在重新调整浏览器窗口大小后，此地图将正确显示。 我尝试使用$(‘#map’).resize() （在带地图的div上），但它不起作用。 对我的问题的任何建议表示赞赏。

Grails：如何在twitter bootstrap 3模式中重新初始化AJAX内容

我有一个模态。 对于tableInstance的每次迭代，数据库都会将其默认内容加载到其中。 然后我有一个remoteLink按钮，在tableShown时更新tableShown 。 问题是，如果您单击了remoteLink按钮并关闭了模态，则在显示模态时， remoteLink的内容仍然存在。 它应该是从数据库加载的默认内容。 你如何重新初始化模态的内容？ 我尝试过 $(“#show_${t.id}”).on(‘hidden.bs.modal’, function () { $(this).data(‘bs.modal’, null); }); 但它仍然显示了内容 Edit 这是我的完整代码段 a.tableNumber.compareTo(b.tableNumber)}}” var=”t”> Table ${t.tableNumber?.encodeAsHTML()} × ${o?.encodeAsHTML()} Delete Edit $(“#show_${t.id}”).on(‘hidden.bs.modal’, function () { $(this).data(‘bs.modal’, null); });

如何使用箭头外观和感觉做面包屑引导程序？

我正在研究MVC 5项目，在那里我必须创建Electrical> Lighting> HT＆LT ..关于点击。 示例：如果用户单击Lighting ，则显示为Electrical> Lighting，或者即使单击HT＆LT，也会显示如Electrical> Lighting> HT＆LT 。 这是一个带有idSearch-item的div，我添加了bootstrap breadcrumbs（硬编码值）， 单击每个元素时如何执行此操作？ Electrical Lighting HT & LT 现在它显示了HT＆LT / HT＆LT，但我想在idSearch-item div中显示Electrical> Lighting> HT＆LT ..如果使用下面的代码点击HT＆LT 。 $(“li a”).each(function () { $(this).click(function () { document.getElementById(“idSearch-item”).innerHTML = ” + $(this).text() + ” + $(this).text() + ”; $(‘#idSearch-item’).show(); }); }); 我怎样才能做到这一点 ？ 请帮我…

修改引导程序Popover Html内容不会持久存在

我有以下弹出设置： popover图标发射器 弹出内容 Badge Table * 将内容分配给popover的脚本 $(‘.icon-th’).popover({ html: true, placement: ‘bottom’, trigger: ‘manual’, content: function () { return $(‘#settings-layout-content’).html(); } }).click(function (e) { $(‘.icon-font’).popover(‘hide’); $(‘.icon-filter’).popover(‘hide’); $(this).popover(‘toggle’); e.stopPropagation(); }); 现在，当我点击popover内容中的一个li时，我修改内容如下： $(‘.layout-list’).live(‘click’, function () { $(this).find(“>:first-child”).addClass(“display”); }); 这很好用。 但是，当我关闭弹出窗口并单击图标以再次显示弹出窗口时，更改不会保留。 任何建议都将受到高度赞赏。