我有一个问题,我认为其他人可能会有一个快速的答案。我正在尝试使用 Colorbox 来显示多个隐藏的内联 div。第一个 div 在加载时正确显示。当我单击其中一个锚点时,什么也没有发生。如果我再次单击,则会显示正确的 div。有没有办法不需要额外的点击?
这是我的 HTML:
<p><a class='inline' href="#inline_content">Inline HTML</a></p>
<p><a class='inline' href="#inline_content2">More inline HTML</a></a></p>
<div style='display:none'>
<div id='inline_content' style='padding:10px; background:#fff;'>
<p><strong>Inline content.</strong></p>
</div>
<div id='inline_content2' style='padding:10px; background:#fff;'>
<p><strong>Different inline content.</strong></p>
</div>
</div>
这是我的代码
$(document).ready(function(){
$(".inline").colorbox({inline:true, open: true, rel: 'inline', current: "", width:"50%"});
});
在 Opera、Firefox、Chrome 中表现出上述行为。在 IE 中不做任何事情。我正在使用最新版本的 jQuery,Colorbox。