- 加载的页面中包含一个隐藏的选择框。
- 我点击一个按钮
- 我将元素附加到此选择框,移动它并使其可见
- 我在其上应用了插件
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 步)时没有任何反应..
最佳答案
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");
}
希望对你有帮助!
关于javascript - Jquery - 首次使用后初始化选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13765442/