Javascript div中的Fancybox在onclick事件后不工作

大家好，非常感谢你们抽出时间。基本上，我正在开发的是网页上的一长串视频。我有一个div标签，包括10个视频链接。这些链接打开了一个iframe html，其中嵌入了实际的视频。所以父页面没有视频，只有链接，主播有href=“video.html”，video.html中有视频。开始时一切都很好，但之后我还需要一个排序函数。我制作了我的排序功能，对视频进行排序。点击视频更改。其工作方式是使用.innerHTML=“”更改div中的内容。内容确实发生了变化，我可以看到新的视频链接和预览图像，但是当我单击图像时，href链接会在新窗口或父窗口中打开，不确定，但不重要，因为Fancybox没有打开，我尝试了许多不同的方法，但仍然没有结果。所以我要问的问题是，当锚定标记动态更改时，为什么Fancybox不工作。请帮忙

好的，谢谢，我不知道如何使用。生活和。绑定，但我会研究它。现在，这是我的代码

<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>   

=======已解决=====

我得换衣服

$(document).ready(function() {$("a.videos").fancybox({

到

使用

live（）

范例

而不是

$（'#id'）。单击（function（）{}）使用

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

live将应用于动态添加的对象
在您使用javascript更改元素之后（例如，当您使用javascript更改元素时，
.innerHTML=“
），您必须再次调用初始代码，包括调用fancybox插件

您也可以尝试使用
.live（）
而不是
.bind（）
我认为没有人能够在没有看到代码页或工作示例的情况下提供帮助。尝试了一些仍然不能很好工作的事情。现在我的代码激活了fancybox，如$（文档）。ready（function（）{$（“a.videos”）.fancybox（{}；}）；那么我该如何改变它呢？我该如何制作这个live$（document）.ready（function（）{$（“a.videos”）.fancybox({
$(document).ready(function() {
_$('a.video').live('mouseenter', function(){_
$(this).fancybox({

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