0

我想创建一个内容幻灯片来预览产品列表。

这是我创建没有问题的工作幻灯片：

<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>

我做错了什么？

更新：

我意识到负载指向一个静态 url，所以我将代码更改为：

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

还是行不通！！！

4

1 回答 1

0

$(..).load()将加载数据，然后将其放入匹配的元素中（参见此处）。您当前的代码将尝试将#contentdiv 替换为整个页面，而不仅仅是产品 ID。你最好使用$.get或$.ajax为此。

此外，您当前的代码只会循环浏览每个链接并#content使用产品 ID 更新 div，但它只会尽可能快地循环而不是与幻灯片同步。您需要检测当前正在显示哪个图像/链接，然后加载该特定图像的产品 ID。

于 2012-10-08T13:57:16.233 回答