PJAX로드 후 스크립트를 실행할 수 없습니다.

Question

프로젝트에 PJAX를 사용하고 있습니다. 나는 PICAX로 내용을로드하기 위해 #icerikAlani라는 컨테이너를 가지고있다.

<div class="container" id="icerikAlani" data-pjax-container> 
    <!-- NIVO SLIDER --> 
    <div class="row"> 
     <div class="col-md-8"> 
      <div id="slider" class="nivoSlider"> SLIDER CONTENT HERE... </div> 
     </div> 
    </div> 
    <!-- SCROLLING LOGOS --> 
    <div class="row"> 
     <div class="col-md-12"> 
      <div id="logoParade"> SCROLLING LOGOS HERE... </div> 
     </div> 
    </div> 
</div> 

이 컨테이너는 NIVO 슬라이더와 부드러운 사업부 스크롤러 플러그인위한 것입니다 거기에 다른 두 스크립트 태그가 : 다음은 기본 레이아웃입니다. 문제는 페이지로 이동하여 홈페이지로 돌아 가면 스크립트 태그가 작동하지 않는다는 것입니다.

pjax : end 문을 사용하여이 문제를 해결하기 위해 노력했지만 작동하지 못했습니다. 다음으로 pjax : successful을 시도했지만 여전히 운이 좋지 않습니다. (내가 여기에서 읽었을 때 : Where to put the page-initialize javascript when using pjax?)

페이지를 다시로드하지 않고도이 스크립트를 사용할 수 있습니까?

이

이 PJAX와 부드러운 사업부 스크롤러 스크립트에 대한 스크립트입니다 : 나는 자바 스크립트에 대한 경험이 아니에요 때문에

<script type="text/javascript"> 
    $(document).pjax('a','[data-pjax-container]', { fragment: "#icerikAlani" }); 
    //THIS IS HOW I ACTIVATE PJAX 

    $(document).on('pjax:beforeSend', function() { 
    $('#icerikAlani').fadeOut(50); 
    }); 
    //WORKS... 

    $(document).on('pjax:end', function() { 
    $('#icerikAlani').fadeIn(400); 
    }); 
    //WORKS... 

    $(document).on('ready pjax:success', function() { 
     $("#logoParade").smoothDivScroll({ 
        autoScrollingMode: "always", 
        autoScrollingDirection: "endlessLoopRight", 
        autoScrollingStep: 1, 
        autoScrollingInterval: 25 
      }); 
    //FAILS... 
}); 
</script> 

당신은 전체 코드 here

을 확인 할 수 있습니다,이 문제에 대한 벽처럼 서 나를 끝내기 전에. 슬라이더와 스크롤러와 함께 무언가를 찾을 수 있기를 바랍니다.

Answer 1

아마도 스크립트가 오류를 일으킬 수 있습니다. 파이어 폭스와 파이어 버그를 사용해보고 뭔가 발견했는지 확인하십시오.