On 引导模态 http://getbootstrap.com/javascript/#modals,我们知道我们可以为触发器绑定事件,例如show
or hide
using show
, shown
, hide
, hidden
,但此事件绑定仅适用于一般情况。我想要的是“具体案例”,例如:
$("#myModal").modal("show", function(e){
alert("This pops-up after #myModal is shown properly.");
});
或者也许使用字典来获得更多选项。
无论如何,我想在这些模态触发器完成后调用一些函数作为回调。
我确实知道可以有替代的实现,比如使用setTimeout
等待模式完全显示或隐藏,或者只是在回调函数内取消绑定事件,以便事件处理程序仅工作一次。不管怎样,它不是很方便而且丑陋。
此功能是否可以作为 bootstrap 的可行功能请求?
另外,我不太满意要在初始化后更改模态的属性,我必须通过直接管理来更改它$("#myModal").data("bs.modal").options
.
我再次询问具体情况。我不想让每个回调函数都被调用show
, shown
, hide
管他呢。仅适用于通过 javascript 手动触发模式的特定情况。
这是一个例子:
假设有#myModal
, and #btn-a
, #btn-b
.
$(document).ready(function(){
$("#myModal").on("shown.bs.modal", function(e){
console.log("myModal shown.");
})
$("#btn-a").click(function(e){
$("#myModal").modal("show");
});
$("#btn-b").click(function(e){
// There is no such thing like below. It's just pseudo code.
$("#myModal").modal("show", function(e2){
console("myModal shown by b.");
});
});
}
Then if #btn-a
被点击,
myModal shown.
将会出现,而如果#btn-a
被点击,
myModal shown.
myModal shown by b.
会出现。
一次又一次,我实际上不是在问如何制作它。我已经做出了我想要的。我想问的是,这个功能是否是 bootstrap 的可行功能请求。