【问题标题】:Sliding in Panel - JQuery Conflict在面板中滑动 - JQuery 冲突
【发布时间】:2016-12-05 20:08:31
【问题描述】:

我正在尝试在我的网站 (Magento Store) 中添加面板 (https://codyhouse.co/gem/css-slide-in-panel/) 中的幻灯片,并且在包含 JQuery.js 文件时遇到问题。它抱怨没有为其他扩展找到特定的功能。结果我只能发现这是一个常见的问题,称为 JS 冲突。我是新手,任何帮助将不胜感激。

错误列表:

prototype.js:5653 Uncaught TypeError: element.attachEvent is not a function
extendedreviews.js:14 Uncaught TypeError: $j(...).hoverIntent is not a function
prototype.js:5653 Uncaught TypeError: element.attachEvent is not a function
somesome.com/:777 Uncaught TypeError: $j(...).foundation is not a function
prototype.js:5734 Uncaught TypeError: element.dispatchEvent is not a function

我将这个面板的 JS 包含在头文件中作为

<script type="text/javascript" src="js/slidein/modernizr.js"></script>
<script type="text/javascript" src="js/slidein/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/slidein/main.js"></script>

请注意,在这 3 个 include 之前,还有许多其他 JS 用于第三方扩展。这些错误与这些第三方扩展的文件有关

【问题讨论】:

  • 你能发布更多信息吗?像错误一样,也许是代码的sn-p?您是否设法将问题本地化?
  • 我现在会发布更多信息,但我们可以大致考虑一下。如果我有一个网站大量使用 java 脚本 jquery 等(Magento Store)。如果我要包含/导入一个新的 JS 文件,我会期待什么?我应该注意什么?比如JS冲突。
  • 包含顺序很重要。 IE:您包含脚本的顺序,以及您的 Magento 部署是否尚未包含 jQuery 等。了解您的错误并查看一些示例很重要。如果你想要一个一般性的假设,你会得到一个对你没有用的一般性回复。
  • 已编辑问题以包含更多详细信息
  • 你能粘贴所有的包含吗?另外,Google-ing 你的第一个错误告诉我这个:stackoverflow.com/questions/36340557/magento-prototype-error - 你试过了吗?

标签: javascript jquery css panel


【解决方案1】:

尝试添加这些 Cdn。我希望它们能正常工作。

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

【讨论】:

  • 为什么包含 jQuery UI 会解决他们的问题?
  • 因为这些错误是正常jquery文件中功能较少的原因。这个UI文件有一些纯粹为动画编程的重要功能
  • 我强烈反对。用户对特定插件有疑问。通过发布解决方案以用您认为更容易的方式替换他们首选的插件,这不是解决方案。无论如何,用户都在为 jQuery 冲突而苦苦挣扎,添加更多 jQuery 第三方应用程序并不能解决他们的问题。
猜你喜欢
  • 2013-01-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多