使用 AJAX 添加 jQueryUI 可选项目答案

【问题标题】：Adding jQueryUI selectable items using AJAX使用 AJAX 添加 jQueryUI 可选项目
【发布时间】：2012-12-16 15:47:31
【问题描述】：

我正在使用一些 AJAX（ASP.NET Web 窗体）在我的网站上添加新的可选择元素，但新创建的元素不可选择。我想这与某些事件有关。也许可以通过在这些功能上使用 .on 来解决，但我不知道该怎么做。有谁知道如何解决这个问题？

这是我的代码：

$(".selectable").selectable({
filter: '.ui-widget-content',
stop: function () {
    var result = $("#select-result").empty();
    $(".ui-selected", this).each(function () {
        var index = $(this).attr('id');
        index = index.substring(12, index.length);
        result.append(" #" + index);
    });
}
});

【问题讨论】：

标签： jquery-ui jquery jquery-ui-selectable

【解决方案1】：

当您加载页面时，jquery 会为每个 html 标签分配相应的功能。当您创建一些新的 div/html 标签时，您应该重新初始化该函数，因为 jquery 不知道您新创建的 html 标签，

针对各自的查询添加新的可选元素后尝试重新初始化 jquery 函数

希望对您有所帮助..

【讨论】：