Tag: twitter bootstrap

Twitter Bootstrap – 如何检测媒体查询何时开始: 当bootstrap-responsive.css媒体查询付诸实施时，这是最快速，最简单的方法吗？ go in action =当您将窗口调整为移动宽度并将网站更改为响应式移动时希望问题很清楚

将事件处理程序附加到twitter bootstrap popover中的按钮: 我正在使用twitter bootstrap popovers，在popover我添加一个按钮，我需要在按钮上附加一个click处理程序，但popover的工作方式是每次显示它删除并重新创建元素，而不是仅显示/隐藏它，因此删除我与所述按钮关联的任何事件处理程序。我正在使用他们自己的按钮版本创建几个弹出窗口，所以只是将一个类应用于弹出窗口将不起作用（除非我为每个生成一个不同的类：/），该按钮可能有也可能没有它自己的ID ，所以不能申请身份证。如何将事件处理程序应用于twitter bootstrap popover内容中的某些内容？

在特定条件下取消选中引导表中的表行: 我之前的问题是这个，如果用户选择“Stock Available = null或0”的行，我想取消选中选中的行。现在我的jquery代码是： $(document).ready(function() { $(“#add_cart_btn”).hide(); var json; var checkedRows = []; $(‘#table-style’).on(‘check.bs.table’, function (e, row) { checkedRows.push({id: row.id}); $(“#add_cart_btn”).show(); }); $(‘#table-style’).on(‘uncheck.bs.table’, function (e, row) { $.each(checkedRows, function(index, value) { if (value.id === row.id) { checkedRows.splice(index,1); } }); }); /*if(checkedRows.length < 0) { // does not exist $("#add_cart_btn").hide(); } else { // […]

如何打印整个引导模式，其中模态体中的内容滚动到视图外: 问题是用户必须向下滚动才能查看模态体内的所有内容。但是，当我打印模态时，唯一打印的部分是可查看的部分。我希望打印整个模态的内容。我已经尝试了下一页的每一段代码，但没有一段代码打印整个模态。 Twitter Bootstrap：打印模态窗口的内容

如何在JS文件上使用不同版本的JQuery？: 我有一个Cisco JS库，设计用于使用JQuery 1.4.2，我在我正在开发的UI页面上使用最新的2.X版本的JQuery。思科图书馆我正在使用上面库链接中的Jabberwerx.js文件。如果加载的JQuery是1.4但是无法使用更高版本的JQuery，那么该库工作正常。如果我使用旧版本的Jquery，我的基于bootstrap的UI不起作用。我试图使用noConflict（），但后来我无法编辑非常庞大的整个库。库上有很多webservice调用和函数，因此升级它非常费力。是否可以在此JS文件上使用特定版本的JQuery，其余应用程序可以使用最新版本的JQuery？该库上有这个代码。我们可以更改此设置以使其使用旧版本的JQ。 (function(window) { var jQuery=function(selector,context) { return new jQuery.fn.init(selector,context); }, _jQuery=window.jQuery, _$=window.$, } 我不打算在同一页面上使用不同版本的JQuery，但我试图将一个版本的JQuery的使用限制在一个JS文件中。

单击表格行时如何使用模态显示数据（使用引导程序）: 我是整个网络开发的初学者，在研究了很多之后我仍然无法完成这项工作。很感谢任何forms的帮助。我正在使用最新的rails版本和bootstrap来使事情变得更漂亮。我有一个页面，其中包含一个餐厅的订单。如果单击一行，我希望它使用bootstrap在模态窗口中显示订单详细信息。我已经设法通过onclick + javascript函数打开模态，但它看起来有点混乱，我仍然不知道如何加载模式的内容div与订单信息。这是我的代码： HTML： Orders <table class="table table-striped" ID Customer Status <tr onclick="orderModal();”> x Order Close JS： function orderModal(order_id){ $(‘#orderModal’).modal({ keyboard: true, backdrop: “static” }); };

Bootstrap 4文件输入: 我正在努力使用bootstrap 4文件浏览器。如果我使用自定义文件控件，我会一直看到选择文件值。 https://v4-alpha.getbootstrap.com/components/forms/#file-browser 我想在选择文件后更改选择文件的值。这个值实际上隐藏在css .custom-file-control:lang(en)::after ，我不知道如何在javascript中访问和更改它。我可以像这样得到所选文件的值： document.getElementById(“exampleInputFile”).value.split(“\\”).pop(); 不是我需要改变 .custom-file-control:lang(en)::after { content: “Choose file…”; } 不知何故链接： http ： //codepen.io/Matoo125/pen/LWobNp

如何从twitter bootstrap将活动类设置为导航菜单: 我是twitter新手的新手。在那里使用导航菜单。我正在尝试将活动类设置为所选菜单。我的菜单是 – Home Project Customer Staff Broker Sale 谷歌搜索后我尝试了跟随的事情，我必须从菜单中设置每个页面上的活动类，如as– $(document).ready(function () { $(‘#home’).addClass(‘active’); }); 但上面的问题是我设置了默认选择的主菜单。然后它总是被选中。有没有其他方法可以做到这一点？，或者我可以概括并保持我的js在布局文件本身？执行应用程序后，我的菜单显示点击其他菜单项后，我得到以下结果 – 我在Index视图和Broker视图中添加了以下脚本— $(document).ready(function () { $(‘#home’).addClass(‘active’); }); $(document).ready(function () { $(‘#broker’).addClass(‘active’); }); 分别。

Bootstrap，jQuery，Popper和CSS加载顺序: 我不确定我的加载顺序是否正确。有人可以确定吗？在“头”：在“身体”： <script src="js/bootstrap.js" <script src="js/jquery-3.2.1.min.js" <script src="js/jquery-slim.min.js" <script src="js/popper.min.js"

缩小大小并更改bootstrap-datepicker字段的文本颜色: 在Web视图中编写基于HTML5 / JQuery启动的Android应用程序，我使用的是Eternicode的bootstrap-datepicker。顺便说一下，我正在使用Jquery 1.9.1和Bootstrap 2.3.2以及bootstrap-responsive。选择器工作正常，但不幸的是我得到了两个我目前无法解决的问题：拾取器主题不受尊重，某些日期不可读（参见附图）。有些有css冲突，例如datepicker的字体在白色背景上显示为白色。我无法减小日期选择器字段的大小，例如它保持在单独的行上。我的标记代码是： One Date 我通过Javascript初始化datepicker： $(“#dateId”).datetimepicker({ pickTime: false, format: “dd/MM/yyyy”, startDate: startDate, endDate: endDate, autoclose: true }); $(“#dateId”).on(“changeDate”, onChangeDate); 你对这些问题有任何了解吗？非常感谢