JQuery 메뉴 전용 홈페이지에서 작업

Question

좋아, 이건 아주 간단합니다 .. 어쩌면 어리석은 질문 일 수도 있습니다. 그러나 나는이 작업을 제대로 수행하기 위해 오랜 시간 동안 노력해 왔으며 아무 것도 효과가 없었습니다. 나는 플러스/마이너스 기호로 토글하는 메뉴를 가지고있다 ...이 메뉴는 오직 홈페이지에서만 작동한다. 여기에 코드가 있습니다 :

$(document).ready(function(){ 
$('.gh-gallink').toggle(
function() { 
    $('.gallery_container').animate({ 
     marginTop: "x", 
    }, 1000); 
    $('.jquerycssmenu ul li ul').animate({ 
     marginTop: "x", 
    }, 100); 
    $('.jquerycssmenu ul li ul li a').animate({ 
    height: "x", 
    }, 100); 
    $('#main').animate({ 
     marginTop: "x", 
    }, 1000); 
    $(this).text('+'); 


}, function() { 
    $('.gallery_container').animate({ 
     marginTop: "x", 
    }, 1000); 
    $('.jquerycssmenu ul li ul').animate({ 
     marginTop: "x", 
    }, 100); 
    $('.jquerycssmenu ul li ul li a').animate({ 
     height: "x", 
    }, 100); 
    $('#main').animate({ 
     marginTop: "x", 
    }, 1000); 
    $(this).text('-'); 

}); 
}); 

메뉴는 정상적으로 작동하지만 다시 메인 페이지에서만 작동합니다. 물론 실제 코드에는 x가 없습니다. 그러나 어쨌든, 코드는 내 사이트의 header.php 파일에 있으며 다시 내 사이트의 홈페이지에서만 작동합니다. "$ (document)"를 "jQuery (Document)"로 변경하려고 시도했지만 모든 플러그인도 비활성화했지만 메뉴는 여전히 홈 페이지에서만 작동합니다.

또한, 여기에 토글 버튼을 표시하는 HTML이다 : 어떤 도움을 주시면 감사하겠습니다

<div class="gallerylink"> 
<a href="#" class="gh-gallink"> 
    - 
</a> 
</div> 

은! :)

편집 :

나는 다람쥐는 말을했다

하나 하나가 내 헤더에 각 스크립트 제거되었다. 나는이 스크립트를 제거했을 때 (아래에 열거 됨) 페이지를 achor로 스크롤하면 모든 것이 잘 동작한다는 것을 알게되었습니다. 그러나, 나는 여전히 두 스크립트를 동시에 실행하고 싶습니다. 다음은 앵커 스크롤 스크립트입니다.

// When the Document Object Model is ready 
jQuery(document).ready(function(){ 
    // 'catTopPosition' is the amount of pixels #invisiblebox 
    // is from the top of the document 
    var catTopPosition = jQuery('#invisiblebox').offset().top; 

    // When #scroll is clicked 
    jQuery('#scroll, #scrolls').click(function(){ 
     // Scroll down to 'catTopPosition' 
     jQuery('html, body').animate({scrollTop:catTopPosition}, 'slow'); 
     // Stop the link from acting like a normal anchor link 
     return false; 
    }); 
}); 

그래서 #scrolls 또는 #scroll을 클릭하면 앵커 "#invisiblebox"까지 스크롤됩니다. 내 토글 메뉴에서 이것이 작동하지 않는 이유를 모르겠습니다. 누구나 두 스크립트를 모두 실행할 수있는 해결책이 있다면 알려주십시오.

Answer 1

http://www.ideazone.ca/2011/03/jquery-wordpress-how-to-avoid-common-conflicts/ 및 JQuery conflict with an other JQuery library