事件设置是怎么用的啊?
来源：8-12 模态弹出框--JavaScript触发时的参数设置（二）
慕粉1330267604
2017-02-20 17:22
上面的事件设置怎么应用,有什么作用啊
写回答
关注
1回答
-
- yu_anhui
- 2017-02-21 16:04:01
一、应用
$(function() {
$(".btn").click(function() {
$("#mymodal").modal("toggle");
});
$('#mymodal').on('show.bs.modal', function(e) {
alert("在show方法调用时立即触发（尚未显示之前）；如果单击了一个元素，那么该元素将作为事件的relatedTarget属性--（弹窗前）");
});
$('#mymodal').on('shown.bs.modal', function(e) {
alert("该事件在模态弹出窗完全显示给用户之后（并且等CSS动画完成之后）触发；如果单击了一个元素，那么该元素将作为事件的relatedTarget事件--(弹窗出来后)");
});
$('#mymodal').on('hide.bs.modal', function(e) {
alert("在hide方法调用时（但还未关闭隐藏）立即触发--(点击关闭，但还没执行时)");
});
$('#mymodal').on('hidden.bs.modal', function(e) {
alert("该事件在模态弹出窗完全隐藏之后（并且CSS动画漂完成之后）触发--(执行关闭后)");
});
});
玩转Bootstrap（基础）
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
314546 学习 · 2275 问题
相似问题