禁用點擊事件的除了鏈接內的所有鏈接

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; 
});