如何在jquery overlay中加载一段脚本?

时间:2011-02-25 18:13:13

标签: jquery load overlay external

我正在使用这个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,但还没有真正的解决方案。有什么帮助吗?

1 个答案:

答案 0 :(得分:0)

thumb1main_picture_content的jquery函数对覆盖内部加载的页面无效,因为最初加载js / jquery时,该覆盖(及其中的元素)不存在。

您现在和将来需要使用.live()来激活现有元素。尝试类似(未经测试的):

$("#thumb1").live('mouseover', function() {
                        ...
                    });

并将其放在父js文件中