jQuery 클릭은 두 번째 클릭 만하면 발생하지만 처음에는 실행되지 않습니다.

Question

다른 스레드를 확인했지만 코드와 관련된 응답을 찾을 수 없습니다. 내 문제는 그것을 완벽하게 작동 포인트, 두 번째 클릭 만 화재 내 클릭 이벤트입니다 (두 번째 클릭이 열리고, 세 번째 클릭이 닫히고 네 번째가 열립니다 등)

$('.expand-btn').click(function() { 
     var clicks = $(this).data('clicks'); 
     if (clicks) { 
     $('.expand-wrapper').animate({ 
      right: "0" 
     }, 500, function() { 

     }); 
     } else { 
     $('.expand-wrapper').animate({ 
      right: "-325px" 
     }, 500, function() { 

     }); 
     } 
     $(this).data('clicks', !clicks); 
    }); 

편집 : 여기 내 HTML 코드는 . this jquery plugin처럼 작동합니다. .expand-wrapper은 화면에서 숨겨진 문의 양식이며 .expand-btn은 화면의 측면에있는 작은 플랩입니다.

<div class="expand-wrapper"> 
    <a href="#" class="expand-btn"><i class="fa fa-envelope-o" aria-hidden="true"></i> Contact</a> 
    <div class="expand-form"> 
     <?php echo do_shortcode('[contact-form-7 id="2173" title="Home 01 Request_no_title"]'); ?> 
    </div> 
</div> 

Answer 1

이것은 당신의 data-clicks 속성이 당신의 요소에서 초기화되지 않는 문제 같은 소리 (첫 번째 클릭의 마지막에 설정 될 때 다음이 예상대로 작동하도록 나타납니다).

다음과 같이 .expand-btn 요소를 초기화하십시오 :

<a href="#" class="expand-btn" data-clicks='false'>...</a> 

을 아니면 버튼 요소를 여러 확장 한 경우 페이지가로드 될 때, 당신은 사용하여 초기화 할 수 있습니다 jQuery를 :

$(function(){ 
    $('.expand-btn').data('clicks',false); 
});