作者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/cn.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