Colorbox onload工作，但overpowers其他colorbox調用

我試圖讓colorbox在加載頁面時加載內聯HTML（inline_content_1）。我使用：Colorbox onload工作，但overpowers其他colorbox調用

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

不過，我也有不需要工作的onload頁面上的其他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，但隨後頁面上的每個colorbox鏈接（inline_content_2,3,4,5）都會加載「inline_content_1」。

請幫忙？

謝謝！

來源

2012-06-21 user1472516

更改您的選擇器以使用您想要出現在onload的div的ID？

$(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-21 15:24:21

嘗試，並導致一個空的顏色框來的onload打開，然後自己關起來（空盒，旋轉的圖標，頁面凍結） – user1472516

彩盒負荷從你通過HREF內容對的？然後填充你使用它的元素？ –

你能發佈完整的html嗎？ –

現在你告訴所有的類你想選擇「＃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-22 16:16:36 Jack

Colorbox onload工作，但overpowers其他colorbox調用

回答

相關問題