我正在尝试使用 fancybox 为每个 div 加载特定的同级。
例如:
<div id ="content">
<div class="item1">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 1</span></div>
</div>
<div class="item2">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 2</span></div>
</div>
<div class="item3">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 3</span></div>
</div>
<div class="item4">
<div class="pop-ups"><span>click</span></div>
<div class="hidden"><span>content for item 4</span></div>
</div>
</div>
我尝试使用属性 Content 进行配置,但没有得到它,是否可以为每个特定项目隐藏每个项目?
最佳答案
您可以使用以下代码:
$(function(){
$("div.pop-ups span").click(function(){
$.fancybox({ content: $(this).parent().next().html() });
});
});
这将显示 fancybox 中相关 div 的内容。
关于javascript - 使用 Fancybox 显示每个 div 的特定内容,,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12096998/