在引导模式上,我们知道我们可以使用show
、shown
、hide
、hidden
为show
或hide
等触发器绑定事件,但这种事件绑定仅适用于一般情况。我想要的是"具体案例",例如:
$("#myModal").modal("show", function(e){
alert("This pops-up after #myModal is shown properly.");
});
或者可能使用字典来获得更多选项。
无论如何,我想在这些模态触发器完成后调用一些函数作为回调。
我知道可以有其他实现,比如使用setTimeout
等待模态完全显示或隐藏,或者只是在回调函数中解除事件绑定,这样事件处理程序只工作一次。不管怎样,它都不是很方便,也不难看。
该功能是否可以作为引导程序的可行功能请求?
此外,我不太满意的是,要在初始化后更改modal的属性,我必须通过直接管理$("#myModal").data("bs.modal").options
来更改它。
再一次,我问的是具体情况。我不想为每个show
、shown
、hide
调用回调函数。仅适用于通过javascript手动触发模态的特定情况。
以下是一个示例:假设有#myModal
,和#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.");
});
});
}
然后,如果点击#btn-a
,
myModal shown.
将出现,而如果单击#btn-a
,则
myModal shown.
myModal shown by b.
将出现。
一次又一次,我其实并不是在问怎么做。我已经做了我想要的。我想问的是,这个功能是否是引导程序的可行功能请求。
查看标题为"此处的事件:"的部分
http://getbootstrap.com/javascript/#modals
希望它能为您提供所需的所有信息
您可以使用shown
事件来检测模态何时在屏幕上可见:
$('#myModal').on('shown.bs.modal', function (e) {
alert("This pops-up after #myModal is shown properly.");
})
您可以在模态的events
部分查看更多信息。