jQuery 플라이 아웃 패널이 닫히지 않습니다

Question

이 플라이 아웃 연락처 패널을 만들었습니다. 그것은 내 Wordpress 사이트에 넣을 때까지 잘 작동, 그럼 전혀 작동하지 않습니다. 내가 처음에 jQuery(document).ready를 넣어 경우,이 일을 시작하는 것이

http://jsfiddle.net/XwTpE/1/

내가 찾았지만 지금은 종료되지 않습니다 여기가 어떻게 해야하는거야! 닫기 버튼을 누르면 다시 열립니다. 사실, 나는 어디에서나 페이지를 클릭하면 페이지가 다시 열리는 것을 발견했습니다. 데모 여기를 참조하십시오 :

http://jsfiddle.net/q9b7M/1/

희망이 해결 간단합니다! 어떤 도움을 주셔서 감사합니다. 감사! 당신이 DOM Ready handler을 사용하는 방법이 아니다

Answer 1

당신이 필요합니다

jQuery(document).ready(function() { 
    jQuery('#contactFlyout').click(function() 
{ 
    jQuery(".togglepanel:visible").hide(); 
    jQuery("#contact_panel").animate({width:'toggle',height:'toggle'},200); 
}); 

// the close button 
$('.closeDiv').click(function() 
{ 
    jQuery(".togglepanel:visible").animate({width:'toggle',height:'toggle'},200); 

}); 
}); 

참조 : 파브 지적대로 속기를 사용할 수 http://jsfiddle.net/DcRHh/2/

또는. 나는 다른 스크립트와의 충돌을 피할 때 당신이하고있는 것을 알지 못한다면, Wordpress 내부에서 $ 이상의 jQuery를 고수 하겠지만.

Answer 2

:

jQuery(function ($) { //shorthand for DOM Ready, put your code inside of it 
    $('#contactFlyout').click(function() { 
    $(".togglepanel:visible").hide(); 
    $("#contact_panel").animate({ 
     width: 'toggle', 
     height: 'toggle' 
    }, 200); 
    }); 
    $('.closeDiv').click(function() { 
    $(".togglepanel:visible").animate({ 
     width: 'toggle', 
     height: 'toggle' 
    }, 200); 
    }); 
}); 

Fiddle

는 DOM 준비 처리기 범위 내 $ 다시 jQuery를 별칭으로 특수 jQuery(function($){}) 구문은 WP 매우 유용합니다. jQuery을 반복해서 입력하고 싶지 않은 경우 매우 유용합니다.