返回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