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()データをロードし、一致した要素に配置します (こちらを参照)。現在のコードは、製品 ID だけでなく、ページ全体#contentでdiv を置き換えようとします。これにはorを使用する方がよいでしょう。$.get$.ajax

さらに、現在のコードは各リンクを循環#contentし、製品 ID で div を更新するだけですが、スライド ショーと同期するのではなく、できるだけ速く循環します。現在表示されている画像/リンクを検出し、その特定の画像の製品 ID を読み込む必要があります。

于 2012-10-08T13:57:16.233 に答える