Javascript 动态加载引导模式中的Fire Wordpress短代码
我在一个页面上有大量的modals,我正在尝试动态加载它们,以提高页面的性能。我遇到的问题是,很多modal都有我们正在使用的carousel插件的短代码,所以当动态加载时,它当然不会加载。这有什么办法吗?以下是“空白板岩”模式的代码: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中
有没有关于如何启动此短代码的见解?如何将其包装在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*/);
});