2012-02-09 11 views
0

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");       
}); 

私は警告メッセージ "" ではなく、カラーボックスを見ることができます。また、ロードされたページから呼び出さなければ、私のカラーボックスが表示されます。

答えて

1

サイトの例に基づいて、文字列を渡すだけではないようです。キーが必要です。

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

はここで生のHTMLを渡す例です:

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


http://jacklmoore.com/colorbox/を経由して、あなたのコード内の余分なブラケットがあります。

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

ありがとうございました。この夜は疲れました... – Anon