冲突的 Javascript 代码。菜单和滑块答案

【问题标题】：Conflicting Javascript codes. Menu and Slider冲突的 Javascript 代码。菜单和滑块
【发布时间】：2013-08-31 14:32:29
【问题描述】：

我在处理看起来有冲突的 JavaScript 时遇到了一些麻烦。我不是最精通它，所以我希望这里有人可以帮助我。

滑块和菜单都在单独的 HTML 页面中单独工作，但一旦我将其放入同一个 HTML 页面，它们似乎会发生冲突，然后都不起作用。

我已经删除了头部的菜单 JavaScript 代码并且滑块可以正常工作，所以我很确定这是问题所在。你可以看到它live here。

【问题讨论】：

您没有查看您的 JavaScript 控制台吗？它会引发一堆错误。

标签： javascript jquery html menu conflict

【解决方案1】：

你的控制台显示错误

Uncaught ReferenceError: jQuery is not defined jquery.themepunch.plugins.min.js:140
Uncaught ReferenceError: jQuery is not defined jquery.themepunch.kenburn.min.js:8
Uncaught TypeError: Property '$' of object [object Object] is not a function commercial.html:32

在所有scripts的顶部嵌入一个合适的jQuery库文件

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

【讨论】：

【解决方案2】：

首先，你必须在开始使用插件之前包含 JQuery，所以移动该行：

<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>

在所有 JavaScript 包括之前。

另外，您使用 jQuery.noConflict() and we know 来“释放”$ 与 jQuery 的关联，因此请更改此代码：

var tpj=jQuery;
   tpj.noConflict();            
   tpj(document).ready(function() {
      if (tpj.fn.cssOriginal!=undefined)
         tpj.fn.css = tpj.fn.cssOriginal;
         tpj('.bannercontainer').kenburn(
         //Etc...

并使用$ 到处唱歌。

   $(document).ready(function() {
      if ($.fn.cssOriginal!=undefined)
         $.fn.css = $.fn.cssOriginal;
         $('.bannercontainer').kenburn(
         //Etc...

【讨论】：