返回false - 阻止頁面上的所有鏈接

Question

問題是當搜索頁面打開時，所有鏈接都處於非活動狀態。所以，我發現問題來形成這個jQuery代碼：如果我添加//返回false

var shouldShow = $.cookie('show_desc') == 'yep'; 
      if(shouldShow) { $('#searchunder').show(); $('body').animate({ paddingTop: 80 }); } 
      else {    $('#searchunder').hide(); $('body').animate({ paddingTop: 25 }); } 

     // shows the group_desciption on clicking the noted link 
     $('#search').click(function() { 
      $('body').animate({ paddingTop: 80 }); 
      $('#searchunder').show('fast'); 
      $.cookie('show_desc', 'yep'); 
      return false; 
     }); 
     // hides the group_desciption on clicking the noted link 
     $('#close').click(function() { 
      $('body').animate({ paddingTop: 25 }); 
      $('#searchunder').hide('fast'); 
      $.cookie('show_desc', 'nope'); 
      return false; 
     }); 

;鏈接正在工作。但如果我刪除返回false;我的搜索欄正在隱藏，然後再次打開。那麼解決方案是什麼？

Answer 1

在jQuery處理程序中，return false會做兩件事：停止傳播並阻止默認操作。

只有這樣，你已經證明可以防止被跟蹤鏈接，如果他們中是的#search和/或元素將是代碼。如果是這樣的問題，就可以解決這個問題是這樣的：

$('#search').click(function() { 
    if (!$(e.target).closest('a')[0]) { // Check if click was on `a` element 
     $('body').animate({ paddingTop: 80 }); 
     $('#searchunder').show('fast'); 
     $.cookie('show_desc', 'yep'); 
     return false; 
    } 
}); 

（同樣地，對於。）

...這隻有在點擊是不是a元素上運行的相關代碼。

注：上述假定#search和都沒有，本身，a元素和它們不是內a元件。例如，它們包含鏈接，但不包含鏈接，也不包含通過鏈接。這也可以解決的，它只是需要更多的一點點代碼：與其

if (!$(e.target).closest('a')[0]) { // Check if click was on `a` element 

這將是

if (!$(e.target).parentsUntil(this).filter('a')[0]) { // Check if click went through an `a` element en route to us