Làm thế nào để ngăn chặn một neo từ chuyển hướng bằng cách sử dụng JQuery

Question

Làm cách nào để ngăn một thẻ neo chuyển hướng đến một trang khác nếu người dùng không đăng nhập? Tôi có một chức năng để kiểm tra xem người dùng có đăng nhập hay không. Tôi muốn làm điều đó với JQuery hoặc JavaScript. Dưới đây là những gì tôi đã cố gắng cho đến nay nhưng không có kết quả:

<a href="www.somewhere.com" id="yes">Read More</a> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('a').click(function(){ 
      var id = $(this).attr('id'); 
      if(id == 'yes'){ 
       //i want to prevent 
      }else{ 
       //redirect 
      } 
     }); 
    }); 
</script> 

Answer 1

Vui lòng sử dụng

http://api.jquery.com/event.preventDefault/bản demohttp://jsfiddle.net/aRBY4/6/

e.preventDefault() 

quote '

Nếu đây phương pháp được gọi, hành động mặc định của sự kiện sẽ không được kích hoạt .

Ngoài ra nếu tôi có thể đề nghị đọc: .prop() vs .attr()

hy vọng điều này giúp,

mẫu mã

$('a').click(function(event){ 
    event.preventDefault(); 
    //do whatever 
    } 

Trong trường hợp của bạn hãy thử này

$(document).ready(function() { 
    $('a').click(function(event) { 
     var id = $(this).attr('id'); 
     if (id == 'yes') { 
      event.preventDefault(); 
      //i want to prevent 
     } else { 
      //redirect 
     } 
    }); 
});​ 

Answer 2

Thay đổi xử lý sự kiện nhấp chuột vào đó

$('a').click(function(e){ 
    var id = $(this).attr('id'); 
    if (id == 'yes') 
    { 
     e.preventDefault(); 
     e.stopPropagation(); 
    } 
    else 
    { 
     //redirect 
    } 
}); 

Answer 3

Sử dụng event.preventDefault(). Nó được sử dụng để ngăn chặn hành động mặc định của sự kiện.

<script type="text/javascript"> 
$(document).ready(function(){ 
     $('a').click(function(){ 
      var id = $(this).attr('id'); 
     if(id == 'yes'){ 
      event.preventDefault() 
     }else{ 
      //redirect 
     } 
    }); 
}); 
</script>