2012-12-09 2 views
0

이것은 내가 작업하고있는 프로젝트이다. 블로그 on my site을 클릭하면 게시물이 표시됩니다. 이제 게시물을 클릭하면 해당 게시물의 전체보기가 표시됩니다. 그러나 블로그 게시물 페이지에 간단한 페이지 매김을 적용한 이후 전체 게시물보기는 첫 번째 페이지에서만 작동합니다. 페이지 매김 루프는 다음과 같은 :페이지 매김 후에 함수가 실행되지 않는다.

jQuery('#Pagination a').live('click', function(e) { //check when pagination link is clicked and stop its action. 
    e.preventDefault(); 
    var link = jQuery(this).attr('href'); //Get the href attribute 
    jQuery('#pcontent').fadeOut(500, function() { //fade out the content area 
     jQuery("#loader").show(); // show the loader animation 
    }).load(link + ' #pcontent', function() { 
     jQuery("#loader").hide(); 
     jQuery('#pcontent').fadeIn(500, function() { //load data from the content area from paginator link page that we just get from the top 
      //hide the loader 
     }); 
    }); 
}); 

전체 페이지 게시물보기입니다 간단한 JQuery와 쇼 숨기기 (다른 모든 것을 숨기고 자세한 게시물을 보여줍니다).

+1

'jQuery'를 긴 형식으로 한 번 써야한다는 것을 알고 계셨습니까? '(function ($) {....}) (jQuery);'에 코드를 래핑하면'noConflict'가 사용되었는지 여부와 관계없이'$'를 사용할 수 있습니다. – ThiefMaster

+0

아니, 아니. 나는 jQuery에 상당히 익숙하다. 그러나 지금부터이 메소드를 구현해 주셔서 감사합니다. – AnAspiringCanadian

답변

1

글 전체를 빠르게로드하는 js 부분을 찾을 수는 없지만 예를 들어 클릭 기능을 묶어 두었을 가능성이 있습니다. click 또는 bind 기능 그러나 새로운 Ajax 컨텐트가로드 될 때 (페이지 매김을 사용하여) 이러한 핸들러는 연결되지 않습니다. 대신 on 또는 live 함수를 사용하십시오.

NB; 스크롤바가 없기 때문에 낮은 높이 (읽기 : 랩톱) 화면의 사용자가 페이지 매김을 볼 수 없다는 것을 알고 있습니까?

+0

현재 게시물은로드되는 정적 div입니다. 일단이 페이지 매김 문제를 다루면 나는 게시물을 동적으로 가져올 것이다. 라이브 (변경)를 적용하고 감사했습니다. 그리고 네, 모든 CSS 문제/버그가 결국 제거됩니다 알아요. 도움을 주셔서 감사합니다. – AnAspiringCanadian