草庐IT

$bootstrap

全部标签

javascript - 从 iframe 内部关闭 Bootstrap 模式

打开带有iframe的TwitterBootstrapModal的页面:Close我正在寻找一种从iframe内部关闭此模式的方法。前任。单击iframe-modal.html中的链接以关闭模式。我尝试过但没有成功:$('#iframeModal',window.parent.document).modal('hide');$('#iframeModal',top.document).modal('hide');$('#iframeModal').modal('hide'); 最佳答案 您始终可以创建一个全局可访问的函数来关闭Boo

javascript - 如何检查 Twitter Bootstrap 弹出窗口是否可见?

我有一个元素$('#anElement')附加了一个潜在的弹出框,比如我只是想知道如何检查弹出窗口是否可见:如何使用jQuery完成? 最佳答案 如果此功能未内置到您正在使用的框架中(它不再是twitterBootstrap,只是bootstrap),那么您将必须检查生成/修改为创建Bootstrap的这个功能。看看popupverdocumentation.那里有一个按钮,您可以使用它来查看它的运行情况。这是检查在幕后工作的HTML元素的好地方。打开您的chrome开发人员工具或firebug(来自firefox),看看发生了什么

javascript - 更改 Bootstrap DateTimePicker 的语言

我使用bootstrap-datetimepicker.js版权所有2012,StefanPetrehttp://www.malot.fr/bootstrap-datetimepicker/index.php我导入js和另一种语言,例如俄语:在document.ready中$(document).ready(function(){//debugger;$(".form_datetime").datetimepicker({isRTL:false,format:'dd.mm.yyyyhh:ii',autoclose:true});});但没有翻译我试图在初始化时插入**language:

javascript - 单击表行(使用 Bootstrap )时如何使用模式显示数据?

我是整个网络开发领域的初学者,经过大量研究后我仍然无法完成这项工作。很感谢任何形式的帮助。我正在使用最新的Rails版本和Bootstrap来使事情变得更漂亮。我有一个包含餐厅订单的表格的页面。如果您单击一行,我希望它使用Bootstrap在模式窗口中显示订单详细信息。我已经设法通过onclick+javascript函数打开模态,但它看起来有点乱,我仍然不知道如何使用订单信息加载模态的内容div。这是我的代码:HTML:OrdersIDCustomerStatus);">xOrderClosejs:functionorderModal(order_id){$('#orderModal

javascript - 当带有数据目标而不是 href 的选项卡时,Bootstrap Tab 不起作用

我正在使用data-target属性来开发Bootstrap选项卡来匹配选项卡Pane,而不是使用href属性,因为我正在开发Angular应用程序(href可能会破坏我的路线)。HomeProfileMessagesSettings............jQuery(function(){jQuery('#myTaba:last').tab('show')})请看这个fiddlehttp://jsfiddle.net/xFW8t/4/.我在哪里重新创建了整个.我不想为我的选项卡应用Bootstrap样式,我只想要功能,我想要应用我的样式,是否要停止应用Bootstrap样式?请在此

javascript - Bootstrap 4 下拉菜单不起作用?

我复制了下拉菜单的官方Bootstrap4示例,但它不起作用,没有任何内容被下拉。DropdownActionAnotheractionSomethingelsehere 最佳答案 编辑:万一其他人遇到这个问题,我相信OP的解决方案是他没有导入popper.js。检查jQuery和所有相关的Bootstrap组件是否存在。还要检查控制台并确保没有错误。NavbarHome(current)FeaturesPricingDropdownlinkActionAnotheractionSomethingelsehere

javascript - bootstrap.js Accordion 折叠/展开

我正在尝试在每个Accordion主体上创建上一个/下一个按钮。我想不出折叠/展开某个部分的方法。我尝试从accordion-body中删除in类,但这似乎并没有崩溃。$(".accordion-body").each(function(){if($(this).hasClass("in")){$(this).removeClass("in");}});此外,每当我使用.collapse方法时,我都会收到一个javascript错误,指出该对象没有方法collapse。 最佳答案 in类只是一个部分已打开的指示符。Javascrip

javascript - 更改 Bootstrap 模式选项一旦存在

我正在使用BootstrapModal.我声明它,我调用它,我展示它……一切似乎都正常。但是,如果我有一个已经存在的模式,之前显示的“键盘”属性为false,并且我想随时更改它怎么办?我的意思是:首先,我创建了一个Modal来执行此操作(如您所见,我将modalputtingkeyboard属性声明为false):$('#myModal').modal({show:false,backdrop:true,keyboard:false});但随后我声明了这个事件处理程序,这意味着如果发生“某事”,我希望将键盘属性设置为true。$('#myModal').on('shown',funct

javascript - 在 iOS 9 Safari 上打开 Bootstrap 模式时屏幕放大

当我在iOS9Safari上打开Bootstrap3模式时,屏幕放大。它在iPhone上的Chrome应用程序上按预期工作。以下是显示问题的图片。Safari截图:Chrome屏幕截图(预期行为): 最佳答案 以下代码为我(和其他一些人->请参阅GitHub链接)解决了这个问题:body{padding-right:0px!important}.modal-open{overflow-y:auto;}来源:https://github.com/jschr/bootstrap-modal/issues/64#issuecomment-

javascript - 剩余的 Bootstrap 模态背景

我正在展示一个用于在执行AJAX调用时加载的Bootstrap模态窗口。当加载模式应该显示时,我广播一个“progress.init”事件,当我希望模式隐藏时,我广播一个“progress.finish”事件。在某些情况下,模态框在显示后会很快隐藏,导致模态框背景保留在屏幕上。对隐藏元素的后续调用不会删除背景。我也不能简单地删除所有背景,因为其他模式窗口可能会显示在加载窗口上。我整理了一个jsfiddle通过简单地调用模态函数(而不是触发事件)来演示问题。varloadingModal=$("#loadingModal");$("#btnShow").click(function(){