0

我正在开发带有引导主题的 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>
4

1 回答 1

0

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

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

您可以轻松添加打开第二个模式的第二个链接。只需复制您现有的模式并将其 id 更改为“myModal2”

于 2012-12-18T07:28:27.853 回答