jQuery:带有控件的onclick下拉菜单

jQuery: onclick drop-down menu with controls

本文关键字：onclick 下拉菜单 控件 jQuery      更新时间：2023-09-26

我想创建一个菜单（注册菜单），看看这个就知道了。当用户点击这个按钮/链接时，会出现一个下拉菜单，他可以使用它来做一些事情（此处登录）。

链接的行为应如下：

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

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

这里给出了javascript/jQuery代码和html代码（jsfiddle链接，与上面相同）。您可以分叉并进行更改。

谢谢。

检查此

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

下载tha代码

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

我用jsFiddle上的东西做了一个分叉：http://jsfiddle.net/DukyJ/

如果你看一下代码，我只是添加了一个额外的div来获得页面的内容，这样我就不必只将点击事件分配给该div就可以将整个主体。然后，我删除了return false和stopProppaging，只是在href中的链接中添加了一个"#"，因为这不是必需的。最后，只是在签名链接和登录面板上添加了一些样式，这样你就可以看到菜单按照我想你希望的方式出现在内容上。

相关文章：