jQuery nhấp chuột đưa tôi đến đầu trang. Nhưng tôi muốn ở lại nơi tôi là

Question

Tôi có một nút nhấp và hiển thị, nhấp và ẩn đơn giản, nhưng khi tôi nhấp vào, trang neo ở đầu trang. Có cách nào để ngăn chặn điều này? Vì vậy, khi tôi nhấp vào nút, tôi ở cùng một vị trí trong trình duyệt?

Mã của tôi là ..

$('#reportThis').hide(); 

$('#flagThis').click(function() { 
    $('#reportThis').show("slow"); 
}); 
$('#submitFlag').click(function() { 
    $('#reportThis').hide("slow"); 
}); 

Answer 1

Hãy thử điều này:

$('#reportThis').hide(); 

$('#flagThis').click(function (evt) { 
     $('#reportThis').show("slow"); 
     evt.preventDefault(); 
}); 
$('#submitFlag').click(function (evt) { 
     $('#reportThis').hide("slow"); 
     evt.preventDefault(); 
}); 

Answer 2

Bạn có thể được liên kết này nhấp chuột vào một < thẻ > trong đó có một hành động mặc định. Để tránh điều này, bạn có thể sử dụng một thẻ khác như <div> hoặc bạn có thể làm điều này:

$('#flagThis').click(function (event) { 
     $('#reportThis').show("slow"); 
     event.preventDefault(); 
}); 

Answer 3

Hãy thử trở lại false trong click chức năng:

$('#reportThis').hide(); 

$('#flagThis').click(function() { 
     $('#reportThis').show("slow"); 
     return false; 
}); 
$('#submitFlag').click(function() { 
     $('#reportThis').hide("slow"); 
     return false; 
}); 

Answer 4

Thay đổi các siêu liên kết để trỏ đến một không tồn tại neo, như thế này:

<a href="#IDontExist" id="flagThis">Flag</a> 

Hoặc, giúp người xử lý của bạn trả lại false, như sau:

$('#reportThis').hide(); 

$('#flagThis').click(function() { 
    $('#reportThis').show("slow"); 
    return false; 
}); 
$('#submitFlag').click(function() { 
    $('#reportThis').hide("slow"); 
    return false; 
}); 

Answer 5

Nếu bạn đang sử dụng phần tử <button>, đừng quên đặt thuộc tính type.

<button type="button">My Button</button> 

Một số trình duyệt mặc định gửi sẽ đưa bạn trở lại đầu trang của bạn.

Đó là nơi tôi đã đi sai và không thấy gì ở đây về nó vì vậy tôi nghĩ rằng tôi muốn chia sẻ hai xu của tôi cho độc giả trong tương lai.