Question

我们一直在使用Avada WordPress主题开发WordPress网站。该站点使用名为Responsio +的高级WHMCS模板与WHMCS集成。

这个问题似乎是由Responsio +使用的Avada和bootstrap.js之间的冲突。要快速查看此问题，您可以转到作者的Responsio+ Demo for Avada。单击Modal Button按钮，观察弹出窗口立即消失。

我怀疑Avada从早期开始使用Bootstrap CSS / JS代码，因为我看到了bs.modal等的Avada选择器。

由于我不愿意放弃Avada主题，我也想使用Responsio +，有没有人看到我如何在所有bootstrap.js事件触发器选择器中包含Responsio +的主包装器类/ id以便它们退出射击Avada模态弹出窗口？我相信Responsio +只使用bootstrap.min.js。

还有其他冲突，比如切换短信码，但我确信解决方案会是一样的。

修改

所有Avada的模态弹出窗口都有<div class="fusion-modal ... >的包装。所有Bootstrap模式弹出窗口都包含在Responsio +的<div id="imsync-wrapper">包装器中。

我的想法是，有一些方法可以稍微修改bootstrap.js事件触发器选择器，以便只触发Responsio +的模态。

我不喜欢像这样修改dist文件，但它要么是后退要么采取几步。我认为将#imsync-wrapper添加到bootstrap.js模式代码并不重要，但也许并不是那么简单。事实上，我并不完全肯定这个变化最有效的地方，我想我要求一个Bootstrap pro来衡量。

另外，我尝试将模态插件放在noConflict（）模式下。在</head>之前放置以下内容似乎没有帮助：

<script>
    var bsModal = jQuery.fn.modal.noConflict();
</script>

Answer 1

问题是由于页面上包含两次bootstrap.js引起的。要解决此问题，您可以使用我在此处发布的代码：How to avoid double inclusion of Bootstrap.js?