Question

我遇到了一些看似有冲突的JavaScript问题。我不是最精明的，所以我希望有人可以帮助我。

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

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

Answer 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>

Answer 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...

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

2 个答案: