0

ページの読み込み時にカラーボックスにインライン HTML (inline_content_1) を読み込ませようとしています。私は使っている:

$(document).ready(function(){
   $(".inline").colorbox({inline:true, width:"440px"});
   $(".inline").colorbox({href:"#inline_content_1", open:true, width:"330px", height:"640px"});
});

ただし、オンロードで動作する必要のない他の 4 つのインライン カラーボックス呼び出しもページ上にあります。

<div id='inline_content-2'>...html...</div>
<div id='inline_content-3'>...html...</div>
<div id='inline_content-4'>...html...</div>
<div id='inline_content-5'>...html...</div>

正しいインライン HTML (inline_content_1) が onLoad でポップアップ表示されますが、ページ上のすべてのカラーボックス リンク (inline_content_2,3,4,5) で「inline_content_1」が読み込まれます。

助けてください?

ありがとう!

4

2 に答える 2

1

現在、セレクター「#inline_content-1」で必要な「インライン」のクラスを持つすべての要素を伝えています。

代わりにこれを試してください:

$(document).ready(function(){
   $(".inline").colorbox({inline:true, width:"440px"});
   $.colorbox({inline:true, href:"#inline_content_1", open:true, width:"330px", height:"640px"});
});
于 2012-06-22T16:16:36.160 に答える
0

セレクターを変更して、表示したいdivのIDを使用しonloadますか?

$(document).ready(function(){
    $(".inline #inline_content-1").colorbox({inline:true, width:"440px"});
    $(".inline #inline_content-1").colorbox({href:"#inline_content_1", open:true, width:"330px", height:"640px"});
});

これについて考える時間を割いていただきありがとうございます!私は現在使用しています:

<link rel="stylesheet" href="/colorbox/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/colorbox/jquery.colorbox.js"></script>
<script>
    $(document).ready(function(){
        $(".inline").colorbox({inline:true, width:"440px"});
        $(".inline #inline_content_onload").colorbox({href:"#inline_content_onload", open:true, width:"330px", height:"640px"});
    });
</script>
<div style='display:none'>
    <div id='inline_content-1'> HTML here</div>
</div>
<div style='display:none'>
    <div id='inline_content-2'> HTML here</div>
</div>
<div style='display:none'>
    <div id='inline_content-3'> HTML here</div>
</div>
<div style='display:none'>
    <div id='inline_content-4'> HTML here</div>
</div>

<div style='display:none'>
    <div id='inline_content_onload'> HTML onload here</div>
</div>
于 2012-06-21T15:24:21.457 に答える