jQuery.min.js 파일 충돌

Question

WordPress 툴팁 스크립트가 설치되어 있으며이 스크립트는 내 header.php와 footer.php 두 파일에 jQuery.min.js 파일을 사용합니다. 이렇게하면 내 웹 사이트 레이아웃이 완전히 방해 받고 다른 jQuery 플러그인이 제대로 작동하지 않습니다. 그리고이 jQuery.min.js 파일 (footer.php 또는 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 파일에 있습니다 : : 툴팁에 대한

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

저를 도와주세요.

플러스 영어로 불쌍합니다. 나는 당신이 이것을 이해하기를 바랍니다.

Answer 1

먼저 wordpress에 jquery가 포함되어 있는지 확인하십시오. 당신이 그것을 사용하려고하는 다른 플러그인이 있다는 것을 언급하고 있기 때문에, 그것은해야합니다.

그런 다음 머리글과 바닥 글에서 jquery.min.js 호출을 제거하고 $() 지침을 jQuery()로 바꿉니다. 예를 들어, 지금 당신은 그것이 있어야

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

이 JQuery와 항상 자바 스크립트 라이브러리 다른과의 충돌을 피하기 위해 "의"충돌 모드에 포함되어 있기 때문에

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

이입니다.