[Jquery] 제이쿼리 a 링크 클릭 방지(#대신)

a태그에 링크 기능을 넣지 않거나 아직 링크가 없을 경우 href값에 #을 넣습니다.
href값이 #일 경우 링크를 눌러도 아무런 반응이 없게 하는 방법은 아래와 같이 많은 방법이 있습니다. 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<a href="#" id="tag">자바스크립트 실행할 a 태그</a>
<script>
    // 모든 기존 선언된 이벤트 무시하기
    $('#tag').click(function (e) {
        e.preventDefault();
    });
    
    // 단순히 링크가 동작하지 않게 하기
    $('#tag').click(function () {
        return false;
    });
    
    
    // 모든 <a href="#"></a> 태그에 대한 이벤트 끄기 - 1
    $(document).on('click''a[href="#"]'function(e){
        e.preventDefault();
    });
    // 모든 <a href="#"></a> 태그에 대한 이벤트 끄기 - 2
    $('a[href="#"]').click(function(e) {
    e.preventDefault();
    });
</script>
 
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter
 

위의 방법중 마음에 드는 방법으로 구현하면 됩니다.

댓글

Designed by JB FACTORY