課程
/前端開發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap(基礎(chǔ))
上面的事件設(shè)置怎么應(yīng)用,有什么作用啊
2017-02-20
源自:玩轉(zhuǎn)Bootstrap(基礎(chǔ)) 8-12
正在回答
一、應(yīng)用
$(function() {
$(".btn").click(function() {
$("#mymodal").modal("toggle");
});
$('#mymodal').on('show.bs.modal', function(e) {
alert("在show方法調(diào)用時立即觸發(fā)(尚未顯示之前);如果單擊了一個元素,那么該元素將作為事件的relatedTarget屬性--(彈窗前)");
$('#mymodal').on('shown.bs.modal', function(e) {
alert("該事件在模態(tài)彈出窗完全顯示給用戶之后(并且等CSS動畫完成之后)觸發(fā);如果單擊了一個元素,那么該元素將作為事件的relatedTarget事件--(彈窗出來后)");
$('#mymodal').on('hide.bs.modal', function(e) {
alert("在hide方法調(diào)用時(但還未關(guān)閉隱藏)立即觸發(fā)--(點擊關(guān)閉,但還沒執(zhí)行時)");
$('#mymodal').on('hidden.bs.modal', function(e) {
alert("該事件在模態(tài)彈出窗完全隱藏之后(并且CSS動畫漂完成之后)觸發(fā)--(執(zhí)行關(guān)閉后)");
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
6 回答select框的長度怎么設(shè)置啊
3 回答radio的焦點狀態(tài)怎么設(shè)置啊?
4 回答有問題啊,這是怎么回事
1 回答bootstrap表單的邊框怎么設(shè)置?
1 回答怎么設(shè)置按鈕居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-02-21
一、應(yīng)用
$(function() {
$(".btn").click(function() {
$("#mymodal").modal("toggle");
});
$('#mymodal').on('show.bs.modal', function(e) {
alert("在show方法調(diào)用時立即觸發(fā)(尚未顯示之前);如果單擊了一個元素,那么該元素將作為事件的relatedTarget屬性--(彈窗前)");
});
$('#mymodal').on('shown.bs.modal', function(e) {
alert("該事件在模態(tài)彈出窗完全顯示給用戶之后(并且等CSS動畫完成之后)觸發(fā);如果單擊了一個元素,那么該元素將作為事件的relatedTarget事件--(彈窗出來后)");
});
$('#mymodal').on('hide.bs.modal', function(e) {
alert("在hide方法調(diào)用時(但還未關(guān)閉隱藏)立即觸發(fā)--(點擊關(guān)閉,但還沒執(zhí)行時)");
});
$('#mymodal').on('hidden.bs.modal', function(e) {
alert("該事件在模態(tài)彈出窗完全隱藏之后(并且CSS動畫漂完成之后)觸發(fā)--(執(zhí)行關(guān)閉后)");
});
});