課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
上面的事件設置怎么應用,有什么作用啊
2017-02-20
源自:玩轉Bootstrap(基礎) 8-12
正在回答
一、應用
$(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
6 回答select框的長度怎么設置啊
3 回答radio的焦點狀態怎么設置?。?/p>
4 回答有問題啊,這是怎么回事
1 回答bootstrap表單的邊框怎么設置?
1 回答怎么設置按鈕居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-21
一、應用
$(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動畫漂完成之后)觸發--(執行關閉后)");
});
});