带引导程序的WordPress中的模态框无法在同一链接上打开视频

Question

我正在使用bootstrap主题处理WordPress。我正在使用模态框在我的页面上打开视频。我的问题是我想在同一个链接上打开两个不同的视频是否可能？意味着一旦我点击该链接，就会出现一个视频，而另一个视频将会出现另一个视频，另一个将出现在模态框上。

这是模态框的代码：

<div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body">
<button type="button" class="close well" data-dismiss="modal">×</button><br />
    <iframe width="480" height="360" src="http://www.youtube.com/embed/tgOFI5xAKU0?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
</div>​

这是我点击的链接：

<li class="span3"><a data-target="#myModal1" data-toggle="modal" href=""><img src="my image url" alt="" /></a>
<div class="image_caption">Faculty Speak &gt;&gt;</div></li>

Answer 1

我认为您将遇到的问题是模式将如何知道要显示什么以及何时显示。我认为这种方法存在一些UX问题。以下是几个例子。

1. 如果用户第三次点击该链接会怎样？
2. 用户如何知道他们需要再次点击该链接？
3. 如果他们不小心关闭模态会怎么样？他们可以回到他们正在观看的视频还是打开下一个视频？

您可以轻松添加第二个链接，打开第二个模态。只需复制现有模式并将其ID更改为＆＃34; myModal2＆＃34;