2017-04-26 26 views
0

我有这样一个页面上20个链接和他们都打开同一个模式,但不同组的内容模式打开不同的网页..可以引导

链接是这样的:

<a href="/applications/upcoming/2017-04-30/VISA/0" data-target="#globalactions3" data-toggle="modal">978</a> 

<a href="/applications/upcoming/2017-03-31/VISA/2" data-target="#globalactions3" data-toggle="modal">6</a> 

然而,问题是,该模式是充满了从第一次点击的内容,然后仍然..是否有可能的模式更新与内容相关的每次点击...

因为我不想有20+模态在页面上...必须更简单的解决方案?

回答

1

我不知道你在哪里重定向你的页面我正在考虑链接为空即你需要为它写一个脚本并为你的链接指定不同的ID 将

<a href="/applications/upcoming/2017-04-30/VISA/0" id="modal1" data- 
     target="#globalactions3" data-toggle="modal">978</a> 

<a href="/applications/upcoming/2017-03-31/VISA/2" id="modal2" data- 
    target="#globalactions3" data-toggle="modal">6</a> 

并粘贴这个JavaScript

<script> 
$('#globalactions3').on('show.bs.modal', function (e) { 
    $(this).find('.modal-body').html('Fired By: ' + e.relatedTarget.id); 
    }) 
</script> 

这里是的jsfiddle链接 http://jsfiddle.net/bizamajig/THBm7/12/

+0

谢谢 - 但是你是与源代码模式?我需要根据上面的内容填充hrefs的内容,即“/ applications/coming soon/2017-03-31/VISA/2”我该怎么做? – user1745467

+0

如果不查看代码,请不要分享您的代码 –