看板 Web_Design 關於我們 聯絡資訊
我使用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
Peruheru: 不要透過data-target而是掛上click事件,然後在呼叫時同 09/02 08:29
Peruheru: 時寫入某個變數或是改變某個input或某個屬性的值就好了 09/02 08:30
Peruheru: 像我自己使用時是在對話視窗內掛上一個Iframe顯示網頁 09/02 08:31
Peruheru: 但是同一頁有很多個連結呼叫對話視窗,我就在點下的事件 09/02 08:31
Peruheru: 內寫入改變iframe的連結以後再顯示,用.modal('show') 09/02 08:32
Peruheru: 就完成了,很簡單的 09/02 08:33
Peruheru: 然後要提供給iframe的連結就是放在按鈕或連結的自訂屬性 09/02 08:34
Peruheru: 比如說像data-target-link="/page1" 09/02 08:36
stevekevin10: 請問 不用data target 我該怎使用bootstrap 09/02 11:17
Peruheru: 假設你觸發對話視窗的物件給了ID分別是 show1 到 show10 09/02 12:09
Peruheru: $(document).ready(function(){ 09/02 12:09
Peruheru: $('#show1').click(function(){ 09/02 12:11
Peruheru: /*標註來源要作的事*/ 09/02 12:11
Peruheru: $('#myModal').modal('show'); 09/02 12:12
Peruheru: }); 09/02 12:12
Peruheru: }); 09/02 12:12
Peruheru: 唔,應該用class來選擇比較好,因為性質相同 09/02 12:13
Peruheru: 假設觸發的物件統一給了 trigger_show_dialog 這個class 09/02 12:14
Peruheru: 把上面那段的$('#show1')改為$('.trigger_show_dialog') 09/02 12:15
Peruheru: 然後假如你把按鈕的識別寫成如data-ident="show1" 09/02 12:16
Peruheru: 只要在click事件中取出他,再來就看你要丟到哪去了 09/02 12:17
stevekevin10: 好的 我試試看 謝謝您 09/02 12:41