jquery - 从另一个 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"
        });
    });

});​

见小提琴