Bootstrap selectpicker不能在远程模式下工作

Question

当我使用远程模式时，我添加class selectpicker到example.php。它不显示结果。当我删除select#selectpicker它显示选项来选择。

<button type="button" class="btn btn-primary" data-toggle="modal" 
    href="example.php" data-target="#detail"> Example </button> 
<div>q 
    <div class="modal fade" id="detail" role="dialog"> 
     <div class="modal-dialog modal-lg ui-front"> 
      <div class="modal-content"> 
      </div> 
     </div> 
    </div> 
</div> 

Code example

Answer 1

我没有看到在体内selectpicker初始化。而且，当选择从.php文件中呈现时，它将不会成为DOM的一部分，直到模式打开。

所以，你可以初始化selectpicker如下，它的工作：（即一旦模式显示出来）：

<script> 
$('body div#detail.modal').one('shown.bs.modal', function (e) { 
    $(this).find('div.modal-content select').selectpicker(); 
}) 
</script>