2012-06-17 3 views
0

같은 페이지에서 datepicker 및 tablesorter를 사용하는 데 도움이 필요합니다. 나는이 jquery 함수가 하나 또는 다른 것이 페이지에 있다면 작동하도록 할 수 있지만 둘 다 사용할 수는 없다. 아래는 제 코드입니다. 어떤 도움을 주셔서 감사합니다.jquery - tablesorter를 사용할 때 datepicker가 작동하지 않습니다.

tablesorter 용 javascript를 삭제할 때 datepicker가 작동합니다. tablesort에 대한 코드를 다시 추가하면 datepicker가 작동하지 않습니다.

Code for TableSorter 
<script type="text/javascript"> 
$(document).ready(
function() 
{  
$("table") 
.tablesorter(
{   
     // pass the headers argument and assing a object   
     headers: {    
      // assign the third column (we start counting zero) 
      6: {     
       // disable it by setting the property sorter to false 
        sorter: false    
       } 
     } 
    }); 
}); 

날짜 선택기에 대한

코드 :
$ (함수() {

// Datepicker 
    $('.datepicker').datepicker({ 
      inline: true 
    }); 

});

답변

2

DOM에서 html이 대체되면 언제든지 바인딩 된 이벤트가 손실됩니다 (딥 복제 제외). 즉, 모든 datepicker 이벤트가 종료되었음을 의미합니다.

플러그인 API는 정렬이 끝나면 맞춤 이벤트를 트리거합니다.

$('table').on("sortEnd",function() { 
    $('.datepicker').datepicker({ 
     inline: true 
    }); 

}); 
관련 문제