javascript - URLコンテンツを含む動的に作成されたアイテムにカラーボックスを追加する

Question

動的に作成されたオブジェクトにカラーボックスを追加しようとしています。最初のクリックでは機能しますが、2回目以降は開きません。どうすればよいかわかりません。どういうわけかカラーボックスを閉じていないのか、それとも背景にぶら下がっているのか疑問に思っています...

    $(".login").live('click', function(){
    $.fn.colorbox({href:"http://ww.website/Login.html", open:true});
    });

Answer 1

私はあなたが呼ぶべきだと思います：

$(".login").live('click', function(){
     $.colorbox({href:"http://ww.website/Login.html", open:true});
});

Answer 2

これを試して：

$(".login").live('click', function(){
   $.colorbox({ href:'http://threadless.com', iframe:true, width:"80%", height:"80%" });
});

また

content.on('click', '.login', function(){
   $.colorbox({ href:'http://threadless.com', iframe:true, width:"80%", height:"80%" });
});

デモ： http： //jsfiddle.net/F5jGQ/