如何在 jquery 覆盖层中加载一段脚本？

Question

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

Answer 1

thumb1 和 main_picture_content 的 jquery 函数对于在叠加层内加载的页面无效，因为在最初加载 js/jquery 时该叠加层（及其中的元素）不存在。

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

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

并将其放在父 js 文件中