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>