AJAX 페이지 매김 후 JQuery가 작동하지 않습니다.

Question

블로그의 게시물에 사용중인 JQuery 함수/스크립트를 사용하여 게시물 이미지를 가리키면 게시물 제목, 발췌 및 링크가 표시됩니다.

또한 AJAX Fade Out/Fade In 페이지 매김 스크립트가 실행 중이고 페이지 매김의 다음 게시물 세트로 갈 때 첫 번째 JQuery 스크립트가 더 이상 실행되지 않습니다. .live 함수를 어떻게 든 jQuery에 사용해야한다는 것을 알고 있지만, 알아낼 수는 없습니다. 다음은 두 가지 스크립트입니다.

<script type="text/javascript"> 
     $(function() { 
      $(".capslide_img").capslide({ 
       caption_color : '#516077', 
       caption_bgcolor : '#dbe2f0', 
       overlay_bgcolor : '#dbe2f0', 
       border : '4px solid #dbe2f0', 
       showcaption  : false 
      }); 

     }); 
    </script> 



<script type="text/javascript" charset="utf-8"> 
jQuery(document).ready(function(){ 

jQuery('#postPagination a').live('click', function(e){ 
    e.preventDefault(); 
    var link = jQuery(this).attr('href'); 
    jQuery('#page-wrap').fadeOut(500).load(link + ' #contentInner', function(){ jQuery('#page-wrap').fadeIn(500); }); 

}); 

}); 

</script> 

도움 주셔서 감사합니다.

Answer 1

당신은 함수에 capslide 명령을 넣을 수 있고 각 아약스로드 후 전화 :

function addCappslide() { 
    $(".capslide_img").capslide({ 
    caption_color : '#516077', 
    caption_bgcolor : '#dbe2f0', 
    overlay_bgcolor : '#dbe2f0', 
    border : '4px solid #dbe2f0', 
    showcaption  : false 
    }); 
} 

$(function() { 
    addCappslide(); // call it once the page has loaded 

    $('#postPagination a').live('click', function(e){ 
    e.preventDefault(); 
    var link = $(this).attr('href'); 
    $('#page-wrap').fadeOut(500).load(link + ' #contentInner', function(){ 
     jQuery('#page-wrap').fadeIn(500, addCappslide()); // call it after each ajax load again after it faded in 
    }); 
    }); 
});