我有这个代码，触发一个引导模式并通过$ .load()加载它的内容。我加载的页面有一个选择元素，我打电话选择。
这里是代码：
这里是代码：
$('.someClick').click(function(e){
e.preventDefault();
x.modal('show');
x.find('.modal-body').load('path/page.html',function(response,status,xhr){
if(status =="success")
$("select[name=elementName]").chosen();
});
});
我得到的结果是如下图所示：@H_404_6@
<select name="elementName" data-placeholder="Please work.." class="chosen-select">
<option value="test">Hi</option>
<option value="test2">bye</option>
</select>
解决方法
在显示模态后应用选择应该可以解决您的问题：
$('#myModal').on('shown.bs.modal',function () {
$('.chosen-select',this).chosen();
});
或者当选择已经应用时，销毁和重新应用：@H_404_6@
$('#myModal').on('shown.bs.modal',this).chosen('destroy').chosen();
});
这里翻转：http://jsfiddle.net/koenpunt/W6dZV/@H_404_6@
所以在你的情况下，它可能会像：@H_404_6@
$('.someClick').click(function(e){
e.preventDefault();
x.modal('show');
x.on('shown.bs.modal',function(){
x.find('.modal-body').load('path/page.html',xhr){
if(status == "success"){
$("select[name=elementName]").chosen();
}
});
});
});
编辑@H_404_6@
补充选择你可以使用Chosen Bootstrap theme@H_404_6@
