Question

当我使用远程Modal时，我将类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>

Bootstrap selectpicker在远程模态下不起作用

1 个答案: