Question

我正在创建一组页面，其中包含由ajax动态加载的部分。

每个加载的ajax页面只是html内容并包含一个模态。

我有一些具有相同问题的tinyMCE编辑器，但我通过清除编辑器阵列中的所有编辑器并重新加载它们来修复它。

tinyMCE.editors = [];
tinyMCE.init();

我希望用Bootstrap Modals做类似的事情。我知道更新的DOM不是由bootstrap知道的，并且在末尾放置一个脚本标记可以解决这个问题，但这样做，它还会引入问题，因为脚本先前已经为页面的前一部分加载了（多个加载相同的脚本）。

我希望这样做的原因是这个。

创建按钮以打开模态
模态打开
点击关闭或模态上的x，没有任何反应

结束代码：

<button type="button" class="close" data-dismiss="modal">&times;</button>

我的开场代码：

<a href="#" id="adminAdd" class="adminClicks btn btn-sm btn-success" data-toggle="modal" data-target="#addModal">Add<span class="glyphicon glyphicon-plus"></span></a>

Dialog div：

<div id="addModal" class="modal fade" role="dialog">

任何建议都会很棒。我使用了一个模式，它在ajax不会更改页面的最高级别上正常工作。

Answer 1

我想出了一个解决方法。

所以在不受jquery影响的静态代码中我创建了这个：

<?php echo $_SESSION['userid']

然后我只使用jQuery应用我需要的任何更改。我将Id添加到可更改的字段中，因此我按以下方式调整：

<div id="customModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="customModalHeader"></h4>
            </div>
            <div class="modal-body" id="customModalBody">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary pull-left">Add</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

脚本标记之间的ajax加载部分中的

。我可能也可以包含一个脚本文件，但毕竟这是暂时的变化。

重建模态列表

1 个答案: