jQuery下拉菜单实现

Question

我尝试过实施： http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/

哪个效果很好，它会在您点击链接时显示，然后如果您再次点击该链接，则会隐藏它。如果您在文档打开时单击文档上的任何其他位置，它也会隐藏。

我已尝试在此页面中实施： http://hevvo.eu/~dev/backtrack/index.php

但是，它只有在您单击它，然后单击文档时才有效，而不是再次单击该链接。我只是无法弄清楚我的代码有什么不同......

Answer 1

一个区别是您没有在点击处理程序中调用事件对象上的preventDefault()。此外，您的触发链接还具有硬编码的类菜单。

修改

在jQuery中绑定事件处理程序时，该函数会自动传递一个事件对象，该事件对象具有您可以使用的各种属性和方法。其中一种方法称为preventDefault()，并在触发该事件时停止浏览器执行其默认操作。您可以这样调用此方法：

$("a_selector").click(function(event) {

    //stop browser performing default action, e.g following a link
    event.preventDefault();

    //do your other stuff here
});

事件对象在任何jQuery的事件处理方法中传递给处理程序，例如bind()，live()，delegate()或on()（{{1}当然是首选方法，因为on()和live()现已弃用）

Answer 2

添加了修复它的内容。

    $(".sign-in").mouseup(function() {
            return false
        });

感谢所有帮助过的人。