2011-04-27 161 views
0

我使用this photo gallery from Codrops來顯示圖像。我不使用手動將圖像鏈接插入到html中,而是使用PHP腳本來顯示目錄中的圖像。我想打電話給使用jQuery的PHP腳本 - 是這樣的:jQuery滑動畫廊問題

HTML:

<div id="thumbsWrapper"> 
       <div id="content"> 
        <?php /* include_once('display.php'); */ ?> 
        <div class="placeholder"></div> 
       </div> 
      </div> 

的jQuery:

$('#content').load('display.php'); 

然而,這打破了畫廊,但它顯示的圖像,當我懸停或點擊圖片時沒有任何反應。 Firebug拋出錯誤:

no element found.

我在哪裏出錯了?

回答

1

我相信負載會取代#content的內容,其中包括<div class="placeholder"></div>。如果該庫需要該庫,那麼它將無法工作。

像這樣的東西應該修復它:

$.get('display.php', function(data) { 
    $('.placeholder').before(data); 
}); 

此外,一定要初始化畫廊在此之前調用負載情況。如果您先初始化圖庫,然後添加這些圖像,則取決於圖庫的編碼方式,這可能無效。

最後,通過php加載它的方法有什麼問題(我看到你評論了它)。似乎是一個很好的方式去找我。

+0

是的,那個div是需要的。那麼我將如何使它工作? – input 2011-04-27 19:45:42

+0

而不是使用負載,使用get。然後在您的回調中,您可以在該佔位符div之前插入響應,而不是替換它。 – 2011-04-27 19:48:13

+0

用一個get和之前的例子編輯我的答案。 – 2011-04-27 19:51:29

0

使用livequery插件爲新添加的dom元素工作和功能相同。 livequery