jQuery：带控件的onclick下拉菜单

Question

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

链接的行为应如下：

1. 单击此按钮/链接时，应显示下拉菜单。
2. 点击页面上的任意位置（包括按钮/链接本身），但在菜单外，菜单应该会消失。
3. 如果在下拉菜单中的某处单击，则菜单不应消失。
4. 下拉菜单中的所有控件均可使用。

我确实设法让前三个工作，但是下拉菜单中的控件（第四个行为）无效。

javascript / jQuery代码和html代码被赋予here（jsfiddle链接，与上面相同）。你可以分叉并进行更改。

感谢。

Answer 1

检查这个

http://thefinishedbox.com/files/freebies/loginfreebie/index.html

下载代码

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

Answer 2

我为你的jsFiddle做了一个分叉：http://jsfiddle.net/DukyJ/

如果你查看代码我只是添加了一个额外的div来获取页面的内容，所以我不必将click事件分配给整个主体，只是为了那个div。 然后，我删除了返回false和stopProppagation，并在href中添加了一个'＃'，因为它不是必需的。 最后只是在登录链接和单曲面板上添加了一些样式，这样你就可以看到菜单出现在内容上，因为我想你想要它出现。