jQuery - 无法过滤 div 的链接

Question

我想选择文档中的所有内部链接，但不是特殊 div 中的内部链接。

以下显示了我的网站布局的示例:

<div id="toppanel">
    <a href="test.php">Test</a>
</div>
<div id="page">
    <div id="content"></div>
    <div id="menu">
        <a href="menu1.php">Menu1<a>
        <a href="menu2.php">Menu2<a>
    </div>
</div>
<div id="footer">
    <ul>
        <li><a href="index.php">Startseite</a></li>
        <li class="sep">|</li>
        <li>Datenschutz</li>
        <li class="sep">|</li>
        <li>Impressum</li>
    </ul>
</div>  

我的 jQuery 代码如下:

$("a[target!='_blank']").not('#toppanel').live("click", function(event) {
    event.preventDefault();

    var href = $(this).attr('href');
    $.get(href, function(data) {
         $('#content').html(data);
    });
});

问题是所有链接都不起作用。如果我使用不带 not() 语句的 jQuery 代码，则所有链接都能正常工作，但 #toppanel-div 中的链接也能正常工作，我想阻止这种情况，因为该链接以另一种方式使用。

Answer 1

可能与此有关:

不支持链接方法。例如， $("a").find(".offsite, .external").live( ... );无效并且无法按预期工作。

从这里开始:

http://api.jquery.com/live/

可能值得使用一种较新的事件附加方法。