jQuery.min.js文件衝突

我安裝了WordPress工具提示腳本，此腳本使用放置在我的header.php和footer.php兩個文件中的jQuery.min.js文件。通過這樣做，我的網站佈局完全受到干擾，其他jQuery插件無法正常工作。我刪除了這個jQuery.min.js文件（無論是來自footer.php還是header.php），工具提示都不起作用了。jQuery.min.js文件衝突

請幫幫我。

工具提示我的header.php代碼：

<!-- Scripts --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js"></script> 

     <!-- aToolTip js --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.js"></script> 

     <!-- aToolTip js --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.min.js"></script> 

     <!-- Scripts --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.pack.js"></script> 
     <script type="text/javascript"> 
      $(function(){ 
       $('a.normalTip').aToolTip(); 


       $('a.fixedTip').aToolTip({ 
        fixed: true 
       }); 

       $('a.clickTip').aToolTip({ 
        clickIt: true, 
        tipContent: 'Follow me on Instagram! @roomno11' 
        closeTipBtn: 'aToolTipCloseBtn', 
        persistent: true, 
       });  

       $('a.callBackTip').aToolTip({ 
        clickIt: true, 
        onShow: function(){alert('I fired OnShow')}, 
        onHide: function(){alert('I fired OnHide')} 
       }); 


      }); 
     </script>

和相同的代碼是在footer.php文件：

<!-- Scripts --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js"></script> 

     <!-- aToolTip js --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.js"></script> 

     <!-- aToolTip js --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.min.js"></script> 

     <!-- Scripts --> 
     <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.pack.js"></script> 
     <script type="text/javascript"> 
      $(function(){ 
       $('a.normalTip').aToolTip(); 


       $('a.fixedTip').aToolTip({ 
        fixed: true 
       }); 

       $('a.clickTip').aToolTip({ 
        clickIt: true, 
        tipContent: 'Follow me on Instagram! @roomno11' 
        closeTipBtn: 'aToolTipCloseBtn', 
        persistent: true, 
       });  

       $('a.callBackTip').aToolTip({ 
        clickIt: true, 
        onShow: function(){alert('I fired OnShow')}, 
        onHide: function(){alert('I fired OnHide')} 
       }); 


      }); 
     </script>

請幫助我。

加上對不起我的英文不好。我希望你明白這一點。

來源

2012-09-25 Phillip Mclauren

你有其他的JavaScript庫嗎？控制檯中顯示哪些錯誤消息？ – BenM

您需要將其從頁腳或頁眉中刪除，它不應該在兩者中都有。 –

但是，當我刪除它，工具提示停止工作。 –

首先，檢查wordpress是否已經包含jquery。它應該，因爲你提到有其他插件試圖使用它。

然後，從頭和頁腳中刪除jquery.min.js調用（如果存在），並用jQuery（）替換$（）指令。例如，現在你有

$(function(){ 
       $('a.normalTip').aToolTip();

應該

jQuery(function(){ 
       jQuery('a.normalTip').aToolTip();

這是因爲jQuery總是包含在衝突模式「上」，以避免與任何其他JavaScript庫衝突。

來源

2012-09-26 00:29:07 alesub

謝謝巴迪，幫了我很多！ –

jQuery.min.js文件衝突

回答

相關問題