jQuery.Tip // a링크 클릭이벤트 실행안함!!

[a]태그 실행 안할 것!

 

 

우리가 css를 사용하는 방식에 있어서 가끔 a태그에 {display: block;} 상태로 바꾸고 높이값, 가로 값을 준뒤에 

background로 이미지를 불러와서 사용사는 경우 마우스가 활성화가 됩니다.

이런경우 href="#" 경로가 아무것도 없다 하더라도 탑이미지에 배경이미지에 계속 마우스가 클릭할수 있다고 손가락이 뜬다는건

여간 신경쓰이는건 아니죠 ㅡㅡ;;

이럴때 사용하는 방법!!

 

 

 $('a').click(function(){    return false;   });  

 

 

[a] 태그를 클릭했을때 이벤트를 실행하지 않는다는 명령을 줍니다.

가끔 여러 .click명령문중에 맨 끝에 return false를 주기도 합니다.

그런데 문제는 모든 [a]태그에게 이벤트 실행하지 말라면 그건 문제되는 일이겠죠?

메뉴는 안먹힐 것이고, 아이콘도 안먹힐 것입니다.

그래서 필터를 쓰는 겁니다!!

우리가 계속 습관적으로 넣게되는 [href="#"] 의 #에 대하여 필터를 걸게 되면,

[a]태그로 사용하지 않는 주소가 입력되지않고 #만 입력되어있는 아이들은 [a]태그 이벤트가 실행되지 않는다는

필터를 걸게 되는거죠.

 

$('a[href="#"]').click(function(){    return false;   });  

 

 

 

return false

 

여러분도 써보세요 ㅎㅎ