Ajax 요청시 jQuery 호출

Question

ASP.NET/MVC5 웹 사이트에서 작업. jQuery 기반 데이터 기반 테이블 (footable)이 있습니다. 나는 "무한 스크롤"기능을 구현했습니다. 준비된 문서에서 footable()을 실행하고 행 스타일링 등을 수행합니다 ... 한 가지를 제외하고는 잘 작동하는 것 같습니다 ....

문제 : 처음에는 테이블 스타일이 멋지게 보입니다. 그러나 스크롤 할 때 Ajax 요청이 더 많은 레코드를 검색하면 행은 모두 테이블에 표시되지만 새 행은 적절하게 스타일이 지정되지 않습니다. 그래서 나는 문서 준비 코드를 다시 호출해야한다고 생각하고있다. 이 경우 어떻게 할 수 있습니까? 당신의 통찰력있는 의견에 미리 여기에 코드의 일부이다

...

@section scripts{ 
    <script src="~/Scripts/infiniteScroll.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("div#loading").hide(); 
     }); 
     var moreRowsUrl = "/SearchResults/GetRecords"; //the URL to your ActionMethod   
     $(window).scroll(scrollHandler); 
    </script> 

    @Scripts.Render("~/plugins/footable") 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.footable').footable(); 
     }); 
    </script> 
} 

@section Styles { 
    @Styles.Render("~/plugins/footableStyles") 
} 

감사합니다! :)

Answer 1

그것은 당신이 준비 문서에하고있는 모든 모양입니다 : 아약스 요청에 대한 success 기능에 따라서

$('.footable').footable(); 

, 바로 다시 위의 코드를 호출합니다.

이 아마 어딘가에가는 당신의 scrollHandler 그건 당신이 스크롤 할 때 호출 할 것으로 보인다 무엇, 그러나 당신이 새로운 행을 추가 한 후, 코드 아약스`success` 이벤트에