多個jQuery插件不工作

Question

我嘗試添加tablesorter和chromatable。只有chromatable作品。如果我擺脫了chromtable然後排序工作。有沒有辦法讓兩個工作？

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

    $.tablesorter.addParser({ 
     id: 'fancyNumber', 
     is: function (s) { return false; }, 
     format: function (s) { if (s == '-') return '0'; else return  
    s.replace(/[\,\$]/g, ''); }, 
     type: 'numeric' 
    }); 

    $("#marginDiff").tablesorter({ 
     headers: { 
      1: { sorter: false }, 
      2: { sorter: false }, 
      5: { sorter: 'fancyNumber' }, 
      6: { sorter: 'fancyNumber' }, 
      7: { sorter: 'fancyNumber' }, 
      8: { sorter: 'fancyNumber'} 
     } 
    }); 
    $("#marginDiff").chromatable({ 
     width: "1500px", height: "900px", scrolling: "yes" 
    }); 
}); 
</script> 

Answer 1

也許嘗試綁定Chromatable到Tablesorter sortEnd回調以避免衝突？給這個鏡頭...

$(document).ready(function() { 

    $.tablesorter.addParser({ 
     id: 'fancyNumber', 
     is: function (s) { return false; }, 
     format: function (s) { if (s == '-') return '0'; else return  
    s.replace(/[\,\$]/g, ''); }, 
     type: 'numeric' 
    }); 

    $("#marginDiff").tablesorter({ 
     headers: { 
      1: { sorter: false }, 
      2: { sorter: false }, 
      5: { sorter: 'fancyNumber' }, 
      6: { sorter: 'fancyNumber' }, 
      7: { sorter: 'fancyNumber' }, 
      8: { sorter: 'fancyNumber'} 
     } 
    }); 

}); 

$("#marginDiff").bind("sortEnd",function() { 
    $(this).chromatable({ 
     width: "1500px", height: "900px", scrolling: "yes" 
    }); 
});