我正在使用这个http://flowplayer.org/tools/demos/overlay/external.html来打开一个加载外部页面的叠加层,在其中,它有PHP代码来填充该页面。当我尝试运行时,我的问题出现了:
<script type="text/javascript">
$("#thumb1").mouseover(function() {
$("#main_picture_content").attr("src","images/p79_wg_amethyst_bezel_2.jpg");
$(this).mouseout(function() {
$("#main_picture_content").attr("src","images/p79_wg_amethyst_bezel_1.jpg");
});
});
</script>
在该页面内(在叠加层内)。加载叠加层时会加载这些图像源。该脚本不起作用。我的猜测是它没有加载。我读过并且$ getscript被提到了ot,但还没有真正的解决方案。有什么帮助吗?
答案 0 :(得分:0)
thumb1
和main_picture_content
的jquery函数对覆盖内部加载的页面无效,因为最初加载js / jquery时,该覆盖(及其中的元素)不存在。
您现在和将来需要使用.live()来激活现有元素。尝试类似(未经测试的):
$("#thumb1").live('mouseover', function() {
...
});
并将其放在父js文件中