PTT數位生活區 / Web_Design

[問題] bootstrap2 對話視窗問題

看板Web_Design作者 (hippo泡)時間10年前 (2015/09/02 00:45), 編輯推噓2(2推 0噓 20→)
留言22則, 2人參與, 最新討論串1/1
我使用https://kkbruce.tw/bs2/JavaScript#modals 的對話視窗 有一個列表 A B C D E F G 每一個點進去就跳出同一個DIV包起來的對話視窗 請問我該怎區分是點哪個物件跳出的呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.157.184 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1441125928.A.A08.html
推
09/02 08:29, , 1F
不要透過data-target而是掛上click事件，然後在呼叫時同
09/02 08:29, 1F
→
09/02 08:30, , 2F
時寫入某個變數或是改變某個input或某個屬性的值就好了
09/02 08:30, 2F
→
09/02 08:31, , 3F
像我自己使用時是在對話視窗內掛上一個Iframe顯示網頁
09/02 08:31, 3F
→
09/02 08:31, , 4F
但是同一頁有很多個連結呼叫對話視窗，我就在點下的事件
09/02 08:31, 4F
→
09/02 08:32, , 5F
內寫入改變iframe的連結以後再顯示，用.modal('show')
09/02 08:32, 5F
→
09/02 08:33, , 6F
就完成了，很簡單的
09/02 08:33, 6F
→
09/02 08:34, , 7F
然後要提供給iframe的連結就是放在按鈕或連結的自訂屬性
09/02 08:34, 7F
→
09/02 08:36, , 8F
比如說像data-target-link="/page1"
09/02 08:36, 8F
→
09/02 11:17, , 9F
請問 不用data target 我該怎使用bootstrap
09/02 11:17, 9F
推
09/02 12:09, , 10F
假設你觸發對話視窗的物件給了ID分別是 show1 到 show10
09/02 12:09, 10F
→
09/02 12:09, , 11F
$(document).ready(function(){
09/02 12:09, 11F
→
09/02 12:11, , 12F
$('#show1').click(function(){
09/02 12:11, 12F
→
09/02 12:11, , 13F
/*標註來源要作的事*/
09/02 12:11, 13F
→
09/02 12:12, , 14F
$('#myModal').modal('show');
09/02 12:12, 14F
→
09/02 12:12, , 15F
});
09/02 12:12, 15F
→
09/02 12:12, , 16F
});
09/02 12:12, 16F
→
09/02 12:13, , 17F
唔，應該用class來選擇比較好，因為性質相同
09/02 12:13, 17F
→
09/02 12:14, , 18F
假設觸發的物件統一給了 trigger_show_dialog 這個class
09/02 12:14, 18F
→
09/02 12:15, , 19F
把上面那段的$('#show1')改為$('.trigger_show_dialog')
09/02 12:15, 19F
→
09/02 12:16, , 20F
然後假如你把按鈕的識別寫成如data-ident="show1"
09/02 12:16, 20F
→
09/02 12:17, , 21F
只要在click事件中取出他，再來就看你要丟到哪去了
09/02 12:17, 21F
→
09/02 12:41, , 22F
好的 我試試看 謝謝您
09/02 12:41, 22F
‣ 更多 stevekevin10 的文章
文章代碼(AID): #1LvTOee8 (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 stevekevin10 的文章
文章代碼(AID): #1LvTOee8 (Web_Design)