從加載的頁面打開一個colorbox

Question

我想單擊一個加載了load（）的按鈕時顯示一個colorbox。

在我目前的網頁：

$("#button_loading").click(function(){ 
     $('#div_container').load("myurl"); 
    }); 

網頁加載腳本：

$("#button_opening_colorbox").on('click', function() {  
    $.colorbox({ 
     inline:true, 
     href:"#mini_div_info" }, 
     onOpen: function(){ 
        $('#mini_div_info').fadeIn(); 
     } 

    }); 
    alert("a");       
}); 

我可以看到警告信息 「一」，而不是顏色框。此外，我的彩盒出現時，我不從一個加載頁面調用它。

Answer 1

根據網站的例子，它看起來像你不能只傳遞一個字符串。一個關鍵要求：

// Format: 
$(selector).colorbox({key:value, key:value, key:value}); 

這裏是通過原始的HTML爲例：

$.colorbox({html:"<h1>Welcome</h1>"}); 

通過http://jacklmoore.com/colorbox/

---

還有在你的代碼的額外的托架。

href:"#mini_div_info" }, 
        ----^