2012-10-08 4 views
0

제품 슬라이드 목록을 만들어 제품 목록 미리보기를하고 싶습니다.다른 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> 

가 여전히 작동하지!

+0

마지막에 $ ('productID)가 없습니다'라는 오타가 있습니다. $ ('productID') –

+0

감사합니다. 나는 그것을 시정했지만 아직도 일하지 않는다. – user1672793

+0

이미지를 반복하는 동일한 코드에서 제품 ID를로드하지 않는 이유가 있습니까? – FixMaker

답변

0

$(..).load()은 데이터를로드 한 다음 일치하는 요소에 배치합니다 (here 참조). 현재 코드는 #content div를 제품 ID가 아닌 페이지로 대체합니다. 이 경우 $.get 또는 $.ajax을 사용하는 것이 좋습니다.

또한 현재 코드는 각 링크를 순환하고 제품 ID로 #content div를 업데이트하지만 슬라이드 쇼와 동기화하는 대신 최대한 빨리 순환합니다. 현재 표시되는 이미지/링크를 감지 한 다음 특정 이미지에 대한 제품 ID를로드해야합니다.

+0

동기화 문제에 대한 우려가 저에게 의미가 있다고 생각합니다. 나는 그것을 들여다 봐야 할 것이다. 지적 해 주셔서 고마워요. – user1672793