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