防止点击查看研究链接让其他人工作

Question

我有一个菜单,当你鼠标悬停时,子菜单出现.但我希望阻止点击#research链接,所以我使用了下面的jquery.但这也阻止了我的"我的应用程序"链接被点击.有人可以帮我吗？

JQUERY

$('#research a').click(function(e){
e.preventDefault();
});

HTML

<li id="research"><a href="#">Research</a>
    <div class="submenu" style="display:none">
    <div class="submenuLeft">
        <ul>
            <li class="title">Application</li>
            <li><a href="/research/application">My Application</a></li>
        </ul>
    </div><!--submenuLeft-->
    </div><!--submenu-->
</li>

Answer 1

给你的链接一个类别 - 例如'隐藏'

$('#research a.hide').click(function(e){
    e.preventDefault();
});

或使用方法.first()

$('#research a').first().click(function(e){
    e.preventDefault();
});

要么

$('#research a[href="#"]').click(function(e){
    e.preventDefault();
});

或更好的这样的事情

$('#research a').filter(function() {
    var $this = $(this);
    return $this.text().toLowerCase() == 'research';
}).click(function(e){
    e.preventDefault();
});