제품 슬라이드 목록을 만들어 제품 목록 미리보기를하고 싶습니다.다른 URL 페이지의 태그 내용로드
<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>
가 여전히 작동하지!
마지막에 $ ('productID)가 없습니다'라는 오타가 있습니다. $ ('productID') –
감사합니다. 나는 그것을 시정했지만 아직도 일하지 않는다. – user1672793
이미지를 반복하는 동일한 코드에서 제품 ID를로드하지 않는 이유가 있습니까? – FixMaker