禁用点击事件的除了链接内的所有链接

Question

我有一个页面内部的一些链接和一些外部div。

<div id="navigation"> 
    <ul> 
     <li> 
     <a href="/Home/Index">Home</a></li> 
     <li> 
     <a href="/Home/contactus">Contact Us</a></li> 
    </ul> 
    </div> 
<a href="/User/SignIn">Sign In</a>...... 

我需要为除navigation div以外的所有链接禁用点击事件。

如何使用类似于做jQuery中：

//disable Click event for links 
    $("a:not([id])").live('click', function(e) { 
     e.preventDefault; 
     return false; 
    }); 

Answer 1

一试之后，下面的执行工作：

//disable Click event for links except navigation 
    $("a:not(#navigation a)").live('click', function(e) { 
     e.preventDefault; 
     return false; 
    }); 

在此

Answer 2

这不，在一般情况下，听起来是个好主意，但在这里就是我会做它：

$('a[href]').live ('click', function (e) 
{ 
    if (!$(this).parents('#navigation').length)) 
     return false; // same as e.preventDefault() & e.stopPropogation() 
}); 

Answer 3

用K总理的回答启发：

$('a') 
.filter(function(){return $(this).parents('#navigation').length == 0}) 
.live('click', function(e) { 
    return false; 
});