我有一个包含多个链接的页面。这些链接中的每一个都应该在一个花式框窗口中打开。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>
这段代码正确吗?