javascript - 競合する Javascript コード。メニューとスライダー

Question

JavaScript と競合しているように見えるもので問題が発生しています。私はそれに最も精通していないので、ここの誰かが私を助けてくれることを望んでいました.

スライダーとメニューはどちらも別の HTML ページで単独で動作しますが、同じ HTML ページに配置すると、競合してどちらも動作しないように見えます。

ヘッドのメニュー JavaScript コードを削除したところ、スライダーが機能するので、これが問題であると確信しています。ここでライブを見ることができます。

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

すべてのファイルの先頭に適切な jQuery ライブラリ ファイルを埋め込みます。scripts

<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 に関連付けられていないことが「解放」されることjQuery.noConflict() がわかっているため、次のコードを変更します。$

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