조건부 너비 및 preventDefault

Question

기본적으로 뭔가를 만드는 div가 있고 특정 너비가있는 경우 다른 것을 만듭니다. 조건부에 문제가 있다고 생각합니다. 어떻게 말 할 수 있습니다 : "너비가 150 픽셀이라면 뭔가를하지만 다른 것은 하지마."내 코드가 왜 잘못 되었나요? 여기

는 Fiddle

jQuery를 재생하는 예입니다

$(function(){ 
     $('#menu').click(function(event) { 
     if ('#menu'.width() === 150){ 
     event.preventDefault(); 
      alert("something");   
     } 
     }); 

     $("#menu").click(function() { 
     $("this").animate({right: 0}, 500); 
     });  
    }) 

CSS :

#menu { 
    position:absolute; 
    top:50px; right:50px; 
    width:150px; height:108px; 
    background:blue; 
    cursor:pointer; 
} 

HTML :

<div id="menu"> </div> 

Answer 1

나는 당신의 구문을 변경 만든 - http://jsfiddle.net/w25mQ/4/

if($('#menu').width === 150).... 

및

$(this).animate.... 

주석 기, 당신은 다음과 같이 당신의 클릭 핸들러를하지만 잘 결합해야한다 - http://jsfiddle.net/w25mQ/5/

Answer 2

당신은 jQuery로 오용의 여지가 코드에서 :

을

$(function(){ 
    $('#menu').on('click', function(event) { 
     if ($(this).width() === 150){ 
      event.preventDefault(); 
      alert("something");   
     } 
    }); 

    $("#menu").on('click', function() { 
     $(this).animate({right: 0}, 500); 
    }); 
}) 

다음은 수정 된 코드 및 재생 예입니다. 그것과 함께 jsfiddle