带控件的下拉菜单

 

我想创建一个菜单（一个注册菜单），看到这个了解它。 当用户点击这个按钮/链接时，出现一个下拉菜单，使用它可以做一些事情（在这里登录）。

链接的行为应如下所示：

  • 单击此按钮/链接时应显示下拉菜单。
  • 当在页面的任何地方点击（包括按钮/链接本身），但在菜单之外时，菜单应该消失。
  • 如果在下拉菜单的某处点击，菜单不应该消失。
  • 下拉菜单中的所有控件都可以使用。

    • 我做了一些设法让前三个工作，但然后下拉菜单（第四行为）中的控件不起作用。

    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。 然后，我删除了返回false和stopProppagation，并在href中添加了一个'＃'链接，因为它不是必需的。 最后，只需在signin链接和singin面板中添加一些样式，以便您可以看到菜单显示在内容上，因为我认为您希望它显示。

    链接地址: http://www.djcxy.com/p/83965.html

    上一篇: down menu with controls

    下一篇: jquery drop down menu closing by clicking outside