2012-05-04 175 views
0

我想創建一個基於用戶交互的模塊,該模塊將使用jquery.load方法顯示產品類別中的產品。jQuery .load從另一個頁面加載div的某些內容

我可以使目標div從產品頁面加載產品列表的全部內容,但有沒有辦法將遠程(可以這麼說)div的子元素數量限制爲8個?

簡而言之:

<script type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery(".cat1").click(function() { 
alert('click'); 
jQuery(".loadhere").load("cat1.php #product_list", function() { alert('loaded') } 
); 
}) 
}); 
</script> 

我想這只是加載#product_list內發現的第8倍格的 - 這可能嗎?

+0

在我看來,你將不得不在回調函數中處理。檢查Firebug中的請求/響應週期,你會發現整個頁面實際上被返回,並且負載處理獲得#product_list的情況。 –

回答

1

我建議更改您的代碼以使用ajax,然後在回調中自行處理響應。就像這樣:

$(data).find("#product_list .product").slice(0,9).appendTo(".loadhere"); 
+0

感謝您的建議,真正的阿賈克斯對我來說有點可怕,但生病讓它一去不復返。即時通訊仍然感到驚訝沒有jQuery的方式來做到這一點。我supose我可以將前8個記錄包裝在目標頁面上的單獨的div中。 –

相關問題