javascript - Jquery - 首次使用后初始化选择框

Question

1. 加载的页面中包含一个隐藏的选择框。
2. 我点击一个按钮
3. 我将元素附加到此选择框，移动它并使其可见
4. 我在其上应用了插件Chosen

这是由这个函数完成的

function moveHiddenSelect(idOffline, type, idMedia, mediaName){
    var $selToReplace  = $("#"+type+"_"+idOffline);
    var $selOriginal   = $("#originalSelect");
    $selToReplace.replaceWith($selOriginal);

    $.getScript('/lib/chosen/chosen.jquery.min.js', function(){
        $selOriginal.chosen(); //load plugin script and apply it on the select box
    });

    $selOriginal.css("width", "220px");
    $selOriginal.css("visibility", "visible");
}

当我单击该按钮一次时没有问题，但当我再次单击该按钮(第 2 步)时没有任何反应..

Answer 1

selected() 应该被调用一次，只是为了创建。更新每个下拉列表的值后，您可以使用: $(DropdoenElement).trigger("liszt:updated");

function moveHiddenSelect(idOffline, type, idMedia, mediaName){
    var $selToReplace  = $("#"+type+"_"+idOffline);
    var $selOriginal   = $("#originalSelect");
    $selToReplace.replaceWith($selOriginal);

    selOriginal.chosen(); // Init the plugin

    $.getScript('/lib/chosen/chosen.jquery.min.js', function(){
       //load plugin script and apply it on the select box
       selOriginal.trigger("liszt:updated")
    });

    $selOriginal.css("width", "220px");
    $selOriginal.css("visibility", "visible");
}

希望对你有帮助!