bootstrap selectpicker funktioniert nicht in remote modal

Question

Wenn ich Remote-Modal verwenden, füge ich class selectpicker zu example.php. Es zeigt kein Ergebnis. Wenn ich select#selectpicker entferne, zeigt es die Auswahl an.

<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

Ich habe keine selectpicker Initialisierung im Körper sehen. Und da die Auswahl aus der .php-Datei gerendert wird, ist sie erst dann Teil des DOM, wenn sich das Modal öffnet.

So können Sie die selectpicker wie folgt initialisieren, damit es funktioniert: (d einmal modal zeigt nach oben):

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