2011-02-25 27 views
0

我使用這個http://flowplayer.org/tools/demos/overlay/external.html來打開一個加載外部頁面的覆蓋頁,其中有一個php代碼來填充頁面。當我嘗試運行此操作時出現問題:如何在jquery疊加中加載一段腳本?

<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被提到了,但還沒有真正的解決方案。任何幫助?

+0

哦,哦,哦,腳本。我讀錯了:/ – Rudu 2011-02-25 19:03:27

回答

0

您的jQuery的thumb1main_picture_content函數對於在疊加層中加載的頁面無效,因爲當您最初加載js/jquery時,疊加層(以及其中的元素)不存在。

您需要使用.live()來激活現在和未來的現有元素。嘗試像(未經測試):

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

,並把這個父js文件

+0

哪個父級js文件? – odle 2011-02-25 18:30:22

+0

您要從 – themerlinproject 2011-02-25 18:48:45

+0

加載覆蓋圖的父頁面是的,但問題是當覆蓋頁面內的頁面加載時接收到這些圖像的來源。 – odle 2011-02-25 19:00:24