Javascript 动态加载引导模式中的Fire Wordpress短代码

Javascript 动态加载引导模式中的Fire Wordpress短代码,javascript,jquery,wordpress,twitter-bootstrap-3,bootstrap-modal,Javascript,Jquery,Wordpress,Twitter Bootstrap 3,Bootstrap Modal,我在一个页面上有大量的modals,我正在尝试动态加载它们,以提高页面的性能。我遇到的问题是,很多modal都有我们正在使用的carousel插件的短代码,所以当动态加载时,它当然不会加载。这有什么办法吗?以下是“空白板岩”模式的代码: 有没有关于如何启动此短代码的见解?如何将其包装在PHP标记中并像 我试过了,出于某种原因,它只是停止了整个文件的加载。它会打开模式,但不会加载其他URL中的任何内容。控制台上也没有任何错误来帮助我找出原因。当您直接访问url时,内容是否存在?debug.log中

我在一个页面上有大量的modals,我正在尝试动态加载它们,以提高页面的性能。我遇到的问题是,很多modal都有我们正在使用的carousel插件的短代码,所以当动态加载时,它当然不会加载。这有什么办法吗?以下是“空白板岩”模式的代码:


有没有关于如何启动此短代码的见解?

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


我试过了,出于某种原因,它只是停止了整个文件的加载。它会打开模式,但不会加载其他URL中的任何内容。控制台上也没有任何错误来帮助我找出原因。当您直接访问url时,内容是否存在?debug.log中显示了什么?这些模态文件是否知道wordpress,或者此代码段是否完全显示了它们?我不确定这是否是原因,但如果上述问题的答案是否定的,那么尝试类似的方法。将此代码段添加到模式文件
的顶部,其中wp-load.php的路径适合您的场景
<!-- 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>
jQuery('.openModal').click(function (event) {
    jQuery('.modal-content').load(/*Url of modal content*/);
});