0

我有一个包含多个链接的页面。这些链接中的每一个都应该在一个花式框窗口中打开。HTML的结构是这样的:

<a href="#inline" class="fancybox"> Link 1 </ a>
<div id="inline"> Content for link 1 that opens in a fancybox window </ div>

<a href="#inline" class="fancybox"> Link 2 </ a>
<div id="inline"> Content for link 2 that opens in a fancybox window </ div>

<a href="#inline" class="fancybox"> Link 3 </ a>
<div id="inline"> Content for link 3 that opens in a fancybox window </ div>

通过单击任何链接将打开一个花式框窗口,但并不总是具有正确的内容。这并不奇怪,因为所有内容 div 都具有相同的 ID。在fancybox窗口中为每个链接打开正确内容的最佳解决方案是什么?

编辑:我认为我的问题已经解决了。我使用下面的代码:

<a href="#1" class="fancybox"> Link 1 </ a>
<div class="inline" id="1"> Content for link 1 that opens in a fancybox window </ div>

<a href="#2" class="fancybox"> Link 2 </ a>
<div class="inline" id="2"> Content for link 2 that opens in a fancybox window </ div>

<a href="#3" class="fancybox"> Link 3 </ a>
<div class="inline" id="3"> Content for link 3 that opens in a fancybox window </ div>

这段代码正确吗?

4

1 回答 1

0

页面上的 1 个以上的元素不应使用相同ID的元素。如果您想应用类似CSS的样式或将多个元素绑定到 javascript,您应该使用类似的class

这个小提琴一样的东西

示例代码

<a class="fancy_link" id="link_1" href="#!">Content</a>
<a class="fancy_link" id="link_2" href="#!">Content</a>
<a class="fancy_link" id="link_3" href="#!">Content</a>
于 2013-01-08T09:41:53.800 回答