0

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

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

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

4

2 回答 2

0

首先，您必须在开始使用插件之前包含 JQuery，因此移动该行：

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

在您的所有 JavaScript 包括之前。

此外，您使用jQuery.noConflict() 并且我们知道它“释放”了$与 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...
于 2013-08-31T15:18:09.900 回答
0

你控制台显示错误

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

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

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
于 2013-08-31T15:09:08.870 回答