jQuery：带控件的 onclick 下拉菜单

Question

我希望创建一个菜单（注册菜单），请参阅此了解它。当用户单击此按钮/链接时，会出现一个下拉菜单，他可以使用该菜单执行某些操作（此处登录）。

链接的行为应如下所示：

1. 单击此按钮/链接时应出现下拉菜单。
2. 当单击页面上的任意位置（包括按钮/链接本身）但在菜单之外时，菜单应该消失。
3. 如果单击下拉菜单上的某个位置，菜单不应消失。
4. 下拉菜单中的所有控件都应该起作用。

我确实设法让前三个工作正常，但下拉菜单中的控件（第四个行为）不起作用。

javascript/jQuery 代码以及 html 代码在 此处 给出（jsfiddle 链接，与上面相同）。您可以分叉它并进行更改。

谢谢。

Answer 1

检查这个

http://thefinishedbox.com/files/freebies/loginfreebie/index.html< /a>

下载代码

http://thefinishedbox.com/freebies/scripts/jquery-dropdown-login/

Answer 2

我对你的 jsFiddle 上的内容进行了分叉： http://jsfiddle.net/DukyJ/

如果你看看代码，我刚刚添加了一个额外的 div 来获取页面的内容，这样我就不必将点击事件分配给整个主体，而只分配给该 div。
然后，我删除了 return false 和 stopProppagation，只是在 href 中的链接中添加了一个“#”，因为它不是必需的。
最后，只是在登录链接和登录面板中添加了一些样式，这样您就可以看到菜单出现在内容上，正如我认为您希望它出现的那样。