Question

我在一个页面上有很多模态，我试图让它们动态加载以提高页面的性能。我遇到的问题是很多模态都有我们正在使用的轮播插件的短代码，所以当它动态加载时它不会加载。有没有办法解决？这是“空白石板”模式的代码：

<!-- Modal -->
<div class="modal" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-right:0px !important;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        </div>
    </div>
</div>

以下是我加载的内容：

<div class="modal-header">
    <!-- Header Code -->
</div>
<div class="modal-body">
    <div class="wondermodal">
        <div style="max-width:450px; margin:0 auto;">
            <!-- Shortcode that's giving me grief -->
            [wonderplugin_carousel id="33"]
        </div>
    </div>
    <div style="margin-top:50px;">
        <!-- Rest of the Body Code -->
    </div>
</div>
<div class="modal-footer">
    <!-- Footer Code -->
</div>

这是我用来加载它的JavaScript：

jQuery('.openModal').click(function (event) {
    jQuery('.modal-content').load(/*Url of modal content*/);
});

有关如何触发此短代码的任何见解？

Answer 1

如何将其包装在PHP标记中并像

一样运行

/original-page

这是你的选择吗？

在动态加载的Bootstrap模态

1 个答案: