我们一直在使用Avada WordPress主题开发WordPress网站。该站点使用称为Responsio +的高级WHMCS模板与WHMCS集成。
问题似乎是Avada和Responsio +使用的bootstrap.js之间的冲突。要快速查看此问题，可以转到作者的Avada Responsio +演示。单击Modal Button按钮，观察弹出窗口立即消失。
我的怀疑是，Avada很早就开始使用Bootstrap CSS / JS代码，因为我看到了的Avada选择器bs.modal，等等。
由于我不愿意放弃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文件，但是要么就是那样，要么向后走了几步。我认为向＃bootstrap.js模态代码中添加＃imsync-wrapper并不是很重要，但也许并非如此简单。事实是，对于这种改变最有效的地方，我并不完全乐观，我想我正在寻求一个Bootstrap专业人士参加。
另外，我尝试将模式插件置于noConflict（）模式。在以下位置放置以下内容</head>似乎无济于事：
<script>
var bsModal = jQuery.fn.modal.noConflict();
</script>
此问题是由页面上两次包含的bootstrap.js引起的。要解决此问题，您可以使用我在此处发布的代码：如何避免Bootstrap.js的双重包含？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句