漂亮的照片在使用.load時不會觸發？

我想從＃頁面B中的#somediv的元素加載到我的index.html文件中的主要#content div中。

我試過閱讀本網站上的多個帖子，我似乎無法弄清楚我做錯了什麼。我是jquery的新手，所以可能解釋我的無能爲力！

總之：用我的主頁上漂亮的照片鏈接工作正常

我有相關鏈接的jquery.js，prettyphoto.js & CSS等等，一切都運行良好。

在「B頁」上，我試圖將#somediv的內容放到我的index.html #content div中 - 我也有相關鏈接，並且該頁面上的漂亮照片可以正常工作好。

我的問題：我使用這個函數（從我的index.html頁面調用，並且位於外部文件im從index.html頁面的頭部調用，如果有幫助的話）加載外部的內容（但在相同的域名）頁面。

$(document).ready(function() { 
    $("#EVL_1").click(function(event){ 
    $('#content').load('INFO_du.html #EVL_1'); 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); 
    $("#EVL_2").click(function(event){ 
    $('#content').load('INFO_du.html #EVL_2'); 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); });

，並點擊包含在使用這個腳本通過.load加載到我的index.html頁面「網頁B」 #somediv的鏈接（見下文）

<span class="file"><a href="Dry_Utility/test.html?iframe=true&width=100%&height=100%" rel="prettyPhoto[test]" title="A very old Sample for illustrative purposes!">Test - regular HTML</a></span>

的做工精細加載外部div正確，並在我的桌面上使用IE瀏覽器，當我點擊鏈接彈出漂亮的照片，

但是，當我上傳到我的服務器並嘗試它，上面的test.html鏈接不打開漂亮的照片 - 它打開一個新窗口？（使用IE瀏覽器，Chrome瀏覽器和Firefox），所以我肯定錯過了一些東西：

通過閱讀所有這裏的條目，我發現我必須以某種方式調用.load函數後的漂亮照片JavaScript「我認爲」。那是當我加入以下行.load部分後，它的工作我的桌面上（但無處！）

 $("a[rel^='prettyPhoto']").prettyPhoto();

我一直在嘗試不同的事情，我已經在這個網站全天發現找不出如何做這個工作，並獲得prettyphoto.js加載後，我做.load並把div到我的主頁。

對不起，如果這是真的很愚蠢我只是沒有得到它？

最後一個思想：（？也許這就是我的問題），即時通訊使用.load帶過來#somediv，其中包含了上面的第三頁（也同域）鏈接的test.html

來源

2011-02-12 Tim Pohlad

我相信你因爲「負載」不會馬上回來，所以很麻煩。在成功回調中將您的電話轉到prettyPhoto，我認爲它會起作用！

更具體地說，在您的本地測試環境中，它會立即返回。但是在服務器上，它只需要一點點時間，所以當你打電話給.prettyPhoto時，你的HTML不在文檔中。合理？

http://api.jquery.com/load/

$('#result').load('ajax/test.html', function() { 
    alert('Load was performed.'); 
});

來源

2011-02-12 08:39:25

是的，我認爲我得到了，看起來如何做成功回調 – 2011-02-12 08:49:49

感謝方向道森：

它現在 - 見下文（只是要確保我的CSS文件中的test.html頁面的頭部和我們！都不錯）

使用此功能：

  $(document).ready(function() { 
      $("#EVL_1b").click(function(event){  
       $('#content').load('INFO_du.html #EVL_1b', function() {  
       $("a[rel^='prettyPhoto']").prettyPhoto();  
       }); 
      }); 
     });

的d此鏈接（擺脫的;返回false，這聽起來像一個壞主意，因爲我通過這個網站閱讀）

<a href="#" id="EVL_1b">EVL_1b</a>

再次感謝您對您的幫助！

來源

2011-02-14 17:53:56

漂亮的照片在使用.load時不會觸發？

回答

相關問題