div内のファンシーボックス、onclickイベント後に動作しません

Question

皆さん、ありがとうございます。基本的に私が開発しようとしているのは、Webページ上のビデオのリストです。私は含まれているdivタグを持って10のビデオリンクを言うことができます。これらのリンクは、実際のビデオが埋め込まれたiframe htmlを開きます。親ページには動画はなく、リンクのみ、アンカーはhref = "video.html"、video.htmlには動画があります。すべて最初はうまくロードされますが、その後もソート機能が必要です。私はビデオをソートするソート機能を作った。ビデオの変更をオンにします。 .innerHTML = ""を使用してdiv内のコンテンツを変更する方法です。コンテンツは変更され、新しいビデオリンクとプレビュー画像を見ることができますが、画像をクリックすると、hrefのリンクが新しいウィンドウや親ウィンドウに表示されます。開いていない、私はいくつかの異なることを試みたが、まだ結果ではありません。ですから、アンカータグが動的に変更されたときにFancyboxが機能しないのはなぜですか？助けてください

ありがとう、私は正確にどのように.liveと.bindを使用するか分からないが、私はそれを調べます。現時点では、私のコードは

<div id="mask"> 
</div> 
<script type="text/javascript" language="javascript"> 
populate(); 
function populate() 
{ 
var mask=document.getElementById('mask'); 
mask.innerHTML = ''; 
mask.innerHTML = allvideos[3] + allvideos[0]; 
} 
//Then allvideos[3] for example would be like <a href="videos.html"/> 
//So up to this part everything works. But now if i try and do 
</script> 
<div onclick="change();" >doesntmatter</div> 
<script> 
//And the change function 
function change() { 
var mask=document.getElementById('mask'); 
mask.innerHTML = ''; 
mask.innerHTML = allvideos[3] + allvideos[0]; 
} 
</script> 

です。したがって、基本的に同じ機能ですが、ファンシーボックスは動作を停止します。そして今Fancyboxのコードは、この $（ドキュメント）.ready（関数（）{$（ "a.videos"）などの初めに呼び出されます。fancybox（{

========= ======================================================================================================================== ========================= は変更する必要がありました $（document）.ready（function（）{$（ "a.videos"））fancybox （{ に$（ドキュメント）.ready（関数（）{ $（ 'a.video'）。住んで（ 'のMouseEnter'、機能（）{ $（この）.fancybox（ {

Answer 1

を適用しますあなたは.innerHTML = ""でした）、あなたのfancyboxプラグへの呼び出しを含めて、あなたの最初のコードを再度呼び出さなければなりませんin、

.bind()の代わりに.live()を使用することもできます。

Answer 2

使用live()

例ライブ

代わり$('#id').click(function(){});使用の

$('#id').live('click',function(){}); 

は、あなたが（例えば、時にはJavaScriptを使用して要素を変更した直後に動的に追加するオブジェクトに