從另一個網址頁面加載標簽內容

Question

我想創建一個內容幻燈片，以預覽產品列表。

這是我可以輕松創建的工作幻燈片：

<body>
   <script src="http://mysite.com/slideshow.php type="text/javascript">
      ...slideshow scripts here...
   </script>

   <div id="preview">
      <a href="http://mysite.com/product1/productDetail">
         <img class="imageElement" src="http://mysite.com/product1.jpg">
      </a>

      <a href="http://mysite.com/product2/productDetail">
         <img class="imageElement" src="http://mysite.com/product2.jpg">
      </a>

      ...more <a> </a>
   </div> 
</body>

站點訪問者可以單擊圖像打開產品詳細信息頁面。

當圖像循環播放時，我也想自動顯示每個圖像的“產品ID”。 這些ID位於產品詳細信息頁面（位於上述標簽中），我不知道如何正確檢索和顯示它們。

我嘗試了以下操作，但不起作用：

<div id="content"></div>
<script>
  $("#content").load("http://mysite.com/product1/productDetail #productID",function(){
     var sample = $('productID).text();
     $('#content').text(sample);
     });
  });
</script>

我做錯了什么？

更新：

我意識到負載指向的是靜態網址，因此我將代碼更改為：

<script>
   $("#preview a").each(function(index){
      var url = $(this).attr("href"); 
      $("#content").load(url+" #productID",function(){
        var sample = $("#productID").text();
        $("#content").text(sample);
      });
   });
</script>

還是行不通！！！

Answer 1

$(..).load()將加載數據，然后將其放入匹配的元素中（請參見此處）。 您當前的代碼將嘗試將#content div替換為整個頁面，而不僅僅是產品ID。 您最好使用$.get或$.ajax 。

此外，您當前的代碼只會循環瀏覽每個鏈接，並使用產品ID更新#content div，但它只會盡可能快地循環而不是與幻燈片同步。 您需要檢測當前正在顯示哪個圖像/鏈接，然后為該特定圖像加載產品ID。

從另一個網址頁面加載標簽內容

問題描述

1 個解決方案

解決方案1
0 2012-10-08 13:57:16

從另一個網址頁面加載標簽內容

問題描述

1 個解決方案

解決方案1 0 2012-10-08 13:57:16

解決方案1
0 2012-10-08 13:57:16