從另一個jquery文件中調用jquery插件

Question

我已經使用插件來調整我的html表中的列的大小。 我使用可用的插件在 http://quocity.com/colresizable/ 要做到這一點我在做

$(".resizable").colResizable(); 

其完美的工作。 我的桌子是動態的，不斷需要刷新。 問題是，插件第一次運行得非常好，但任何表重新加載/刷新時，調整大小不起作用。 現在我正在尋找解決方案，以便如何在每次刷新表時再次初始化插件，以便每次刷新表時再次使列可調整大小。 請讓我知道是否有任何事情是不可理解的。 在此先感謝

Answer 1

調用.colResizable()添加新表後爲我工作。

$(function() { 

    $("#addtable").click(function() { 
     if ($("#sample3").length > 0) { 
      $("#sample3").colResizable({ 
       disable: true 
      }); 
     } 
     $("#newtable").html('<table id="sample3" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><th>header</th><th>header</th><th>header</th></tr><tr><td class="left">cell</td><td>cell</td><td class="right">cell</td></tr><tr><td class="left">cell</td><td>cell</td><td class="right">cell</td></tr><tr><td class="left bottom">cell</td><td class="bottom">cell</td><td class="bottom right">cell</td></tr></table>'); 
     $("#sample3").colResizable({ 
      liveDrag: true, 
      gripInnerHtml: "<div class='grip'></div>", 
      draggingClass: "dragging" 
     }); 
    }); 

});​ 

見FIDDLE