脚本代码与宽度缩小的图像冲突

时间:2017-05-26 08:43:20

标签: javascript php jquery html wordpress

我似乎遇到了mailchimp脚本的问题。当我将它放在标题php或页脚php中现有代码内部或外部的页脚或标题中时,它会导致我的视​​差英雄(店面插件,宽度缩小图像)消失。目前,我已采用以下代码,因此看起来很正常 - Picture of width reduced image

这是我尝试使用的代码的副本:

<script type="text/javascript" 
  src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-
  forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: 
  false"></script><script type="text/javascript">require(["mojo/signup-
  forms/Loader"], function(L) { L.start({"baseUrl":"mc.us14.list-
  manage.com","uuid":"f92592d662ff169a010b1a896","lid":"d6c3aa8dcf"}) })
</script>

还值得注意的是,当我复制并粘贴指向embed.js的其他代码时,它对我的​​宽度缩小图像具有相同的影响(它仍然消失)并且正常的HTML代码很好。

我尝试过的事情:

  1. 在Web ROOT中创建Jquery文件
  2. 尝试了其他替代脚本代码
  3. 实施了一个临时站点,关闭了视差英雄以外的所有插件。
  4. 将店面主题更改为二十七个主题
  5. 以上所有内容都没有解决。我唯一的预感是代码与图像的其余部分冲突,因此可能需要关闭。

    我真的很感激任何帮助或知识。

    来自控制台的错误:Errors from console

1 个答案:

答案 0 :(得分:0)

我设法通过大量测试来解决这个问题。

好的,问题出在autoptimize插件上。我不得不重新安装它来为jquery安排原始排除。事实证明你需要排除jquery.js和jquery才能使它生效!

另外,你需要在php wp footer之后放上来自mailchimp的上述代码。 它适用于我和弹出式节目没有问题。

不要忘记,网络根目录中的jquery.js对于显示弹出窗口至关重要。

我希望这可以帮助别人并为他们节省比我更多的时间!我花了半天才弄明白。