从另一个 jquery 文件中调用 jquery 插件答案

【问题标题】：Recall jquery plugin from another jquery file从另一个 jquery 文件中调用 jquery 插件
【发布时间】：2013-01-11 01:16:41
【问题描述】：

我使用了一个插件来调整我的 html 表中的列的大小。我正在使用可用的插件 http://quocity.com/colresizable/ 为此，我正在做

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

它运行良好。我的桌子是动态的，需要不断刷新。问题是插件第一次运行得很好，但是在重新加载/刷新任何表时，调整大小不起作用。现在我正在寻找一个解决方案，以解决如何在每次刷新表时再次初始化插件，以便每次刷新表时再次使列可调整大小。如果有任何不明白的地方，请告诉我。提前致谢

【问题讨论】：

动态添加表格时，必须在其上调用.colResizable()，因为运行上述代码时它并不存在。
我也试过那个但还是不行..

标签： jquery resizable

【解决方案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

【讨论】：

第一次加载表格时，可调整大小的工作正常..在你的小提琴中也是如此..但是一旦你再次点击“点击添加表格”，调整大小功能就会停止工作..这就是问题我面临的..
您必须在替换表之前销毁旧的可调整大小。查看更新的答案和小提琴。
太棒了..你太棒了..我也尝试破坏桌子，但尝试方式错误，所以没有成功..再次感谢..