私は、他の誰かがすぐに答えられるかもしれないと思っていた問題を抱えています。Colorbox を使用して、複数の非表示のインライン div を表示しようとしています。最初の div はロード時に正しく表示されます。アンカーの 1 つをクリックしても、何も起こりません。もう一度クリックすると、正しい 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を使用しています。