我如何提高性能时，使用jQuery Searchable选择插件(它是非常缓慢的初始化大量的选择)

Question

我使用jQuery搜索选择插件http://effinroot.eiremedia.netdna-cdn.com/repo/plugins/forms-controls/searchabledropdown/index.html

如果我在一个页面上有少量的选择，但是我有大量的选择(可以在一个页面上有几个100)，这个工作很好。当我初始化插件时(通过类或通过id循环)，它需要很长时间(~10秒)，并消耗所有的系统资源。

当我运行设置代码时，我得到了问题，例如:

$(document).ready(function() {
   $("select").searchable();
});

我的选择实际上是相同的两个重复多次。我试过用一个选择初始化(这是更快)和复制然后复制(HTML和jQuery克隆())，但复制的实例是不可搜索的。

是否有办法减少为大数字或重复选择初始化插件所需的时间?

Answer 1

调用克隆时是否将withdataanddevents传递为true ?我认为克隆(真的)应该行得通。请确保您克隆的选择已设置为可搜索的。

$(document).ready(function() {
    var clone_src = $('#originalSelectUser');
    $(clone_src).searchable({        });
    $(".dest").each(function(i) {
        $(clone_src).clone(true).attr('id', 'clone'+i).appendTo('#enddiv');
    });  
});

另一个想法可能是使你需要的两个，只是隐藏。然后，当一个选择被聚焦时，将它与匹配的隐藏选择的克隆交换。如果克隆不工作，您可能需要在克隆后使用.searchable()调用初始化它，但您不应该这样做。