jQuery 슬라이딩 갤러리 문제

이미지를 표시하는 데 this photo gallery from Codrops을 사용하고 있습니다. 이미지 링크를 html에 수동으로 삽입하는 대신 PHP 스크립트를 사용하여 디렉토리의 이미지를 표시합니다. 내가 jQuery를 사용하여 PHP 스크립트를 호출하는 것을 시도하고있다 -이 같은 :jQuery 슬라이딩 갤러리 문제

HTML :

<div id="thumbsWrapper"> 
       <div id="content"> 
        <?php /* include_once('display.php'); */ ?> 
        <div class="placeholder"></div> 
       </div> 
      </div>

jQuery를 : 그러나

$('#content').load('display.php');

, 갤러리를 중단하고 이미지를 표시하지만, 마우스를 가져 가거나 이미지를 클릭해도 아무런 변화가 없습니다. 방화 광구가 오류를 throw합니다 :

no element found.

어디에서 잘못 되었나요?

출처

2011-04-27 input

<div class="placeholder"></div>을 포함하는 #content의 내용이로드로 대체 될 것으로 예상됩니다. 해당 div가 갤러리에 필요하면 작동하지 않습니다. , 또한

$.get('display.php', function(data) { 
    $('.placeholder').before(data); 
});

당신은 갤러리를 초기화하기 전에 부하에이 호출이 발생해야합니다 :이 같은

뭔가를 수정해야합니다. 갤러리를 먼저 초기화 한 다음 갤러리를 코딩 한 방법에 따라 이러한 이미지를 추가하면 작동하지 않을 수 있습니다.

마지막으로, PHP를 통해로드하는 방식이 잘못되었습니다 (사용자가 주석 처리 한 것을 볼 수 있습니다). 나에게 좋은 방법 같아.

출처

2011-04-27 19:42:20

예, 해당 div가 필요합니다. 그럼 내가 어떻게 작동하게 할까? – input

load를 사용하는 대신 get을 사용하십시오. 그런 다음 콜백에서 해당 자리 표시 자 div 앞에 바꾸기 대신에 응답을 삽입 할 수 있습니다. –

get과 before의 예를 사용하여 내 대답을 편집했습니다. –

새로 추가 된 dom 요소에 livequery 플러그인을 사용하면 동일하게 작동하고 작동합니다. livequery

출처

2011-04-27 22:16:05 Yasir

jQuery 슬라이딩 갤러리 문제

답변

관련 문제