Tag: bootstrap modal

打开时更改Bootstrap模态背景设置

我正在尝试将我的模态的背景设置更改为“静态”作为对事件的响应,以便它变得不可忽略。 我在点击模态内的按钮后设置了$(‘#myModal’).modal({ backdrop: ‘static’,keyboard:false }) ,但没有运气。 我想要的效果类似于nakupanda的bootstrap-dialog的效果(参见Manipulating Buttons部分,当dialog.setClosable(true);在点击’Click to disable and spin’按钮时触发,模态不再可关闭) 请看这个jsfiddle 。 我知道这个问题已在这里提出,但它没有正确的答案。 我知道这有可能以某种方式,但我无法分析nakupanda的代码。

bootstrap modal通过远程url加载内容,等待模态完全加载内容直到显示

我可以通过远程URL将内容加载到引导模式中,但问题是模态窗口打开,但内容未加载。 加载内容后,将更新模态的主体,并且高度会扩展以适合模态的内容。 但是,我只想在内容完全加载后显示模态,并且可能在模式加载时显示动画gif。 我查看了文档,但是一旦模态加载,我没有看到任何关于可能回调的内容。 我希望可能保持模态隐藏,直到回调被触发并显示它。 我怎样才能做到这一点?

Bootstrap $(’#myModal’)。modal(’show’)不起作用

我不确定为什么,但所有模态function都不适用于我。 我检查了版本和负载它们没问题。 我一直收到此错误消息: Uncaught TypeError: $(…).modal is not a function 对于隐藏我已经找到了另一种选择。 代替: $(‘#myModal’).modal(‘hide’); 我用过这个: $(‘#myModal .close’).click(); 而且效果很好。 现在问题在于节目 $(‘#myModal’).modal(“show”); 我也试过了 $(‘#myModal’).modal(“toggle”); 和: $(‘#myModal’).modal(); 但不幸的是,他们都没有工作。 这里是html代码 – 当点击按钮时,我会做一些validation并处理来自网络服务的json数据,如果它成功,那么我想要显示我的模态 – 一切都在工作,除了节目。 Sign up 如果有任何替代方案我想知道。

Bootstrap模态和传递值

当我点击编辑时,’id’应传递给自己的页面,并且弹出模态。 但它不起作用。 请帮我 PHP和Bootstrap <a data-toggle="modal" data-target="#myModal" href='https://stackoverflow.com/?id=’>Edit 语气 —— —– —–

Modal不会显示使用bootstrap

每当我按下按钮时,模态就不会出现,我尝试了很多东西,甚至创建了一个custom.js来放入这个代码 $(‘#myModal’).modal(‘show’); 但它只是不起作用,我哪里做错了? 这是代码 Get Started × Modal title … Close Save changes

jQueryvalidation在Bootstrap 4中不起作用

我正在尝试使用Bootstrap 4和JQueryvalidation来实现表单validation,但似乎无法使其工作。 我的表单显示为modal dialog,如下所示: × Insert Unofficial Waypoint Latitude Border International Cancel Save changes 我在$(document).ready()添加了表单validation处理程序,如下所示: $(“#theForm”).validate({ rules: { airway: { required: true, minlength: 8 } }, messages: { airway: { required: “Please enter some data”, minlength: “Your data must be at least 8 characters” } }, submitHandler: function (form) { alert(‘submitting!’); } }); 症状:始终始终调用submitHandler,但validation永远不会发生。 确保在jquery.validate和jquery.addtionalmethods之前引用jquery。 […]

如何正确validation模态表单

我似乎无法通过我的bootstrap模式进行validation,我一直在努力处理我遇到的几个例子。 validation引导模式的正确方法是什么? 我的HTML: × Add Stuff A p Name: Action: Save Close 我的Javascript: $(function () { $(“#newModalForm”).validate({ rules: { pName: { required: true, minlength: 8 }, action: “required” }, messages: { pName: { required: “Please enter some data”, minlength: “Your data must be at least 8 characters” }, action: “Please provide some data” } }); […]

Bootstrap 3.0.0模态事件未触发

我似乎无法使用Bootstrap 3来完成模态事件。我想在我的模态关闭时执行操作,但什么也没发生。 这是我的剥离HTML: Launch modal Upload form here 和我的JS: $(function(){ $(‘#imageUpload’).modal({ show: false }); $(‘#imageUpload’).on(‘hidden’, function () { window.alert(‘hidden event fired!’); }); }); 我把JSfiddle放在一起 – http://jsfiddle.net/EcnC3/1/ 我没有发现任何其他关于模态事件的报告在Bootstrap 3中不起作用所以我确定我做错了什么,但是无法搞清楚。 谢谢你尽你所能的帮助

如何在一分钟后自动关闭引导模式对话框

我在我的一个项目中使用bootstrap模式。 我正在使用计时器function自动显示引导程序模式。 如果用户没有关闭bootstrap模态一分钟。 然后它自动需要关闭bootstrap模式。 如何设置自动关闭引导模式的计时器? 请帮助我解决这个问题。 提前致谢 :) var mins; var secs; function cd() { mins = 1 * m(“”); secs = 0 + s(“:”); // change seconds here (always add an additional second to your total) console.log(mins); console.log(secs); redo(); } function m(obj) { for(var i = 0; i “; if(mins :”; disp += “”; […]

从另一个模态打开一个模态并关闭第一个(启动)模态

我正在使用Bootstrap Modal Window插件,它的工作正常,但我想打开另一个模型窗口,当我点击下一个并关闭第一个。 我该怎么做? $(‘[data-toggle=”modal”]’).click(function(e) { e.preventDefault(); var url = $(this).attr(‘href’); if (url.indexOf(‘#’) == 0) { $(url).modal(‘open’); } else { $.get(url, function(data) { $(data).modal(); }).success(function() { $(‘input:text:visible:first’).focus(); }); } }); Add Record https://stackoverflow.com/questions/25319034/open-a-modal-from-another-modal-and-close-the-first-launching-modal/next.html文件代码 × First Window Discard Submit Next