Question

我在页面上有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多个模态...必须更简单的解决方案???

Answer 1

我不知道你在哪里重定向你的页面我认为链接是空的，即href =“＃” 你需要为它编写一个脚本并为你的链接指定不同的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/

可以bootstrap模态打开不同的页面

1 个答案: