Jquery:点击菜单外部后下拉菜单不会消失

2023-12-07

我是 jquery 的新手,我正在查看 google 的代码来创建他们的“更多”按钮。我已经可以使用自动取款机了,但让下拉菜单消失的唯一方法是再次单击“更多”按钮。我可以添加一种方法来更改此设置,以便下拉菜单本身之外的任何单击都会将其关闭吗?感谢您的见解!

http://jsfiddle.net/rKaPN/1/


将点击事件绑定到 html 以捕获所做的任何点击,并使其隐藏菜单

$("html").click(function() {
  menu.find('.active').removeClass('active');
});

然后覆盖你的菜单上的click事件使用.stopPropagation();

menu.find('ul li > a').bind('click', function (event) {
  event.stopPropagation();

Fiddle: http://jsfiddle.net/rKaPN/12/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jquery:点击菜单外部后下拉菜单不会消失 的相关文章

  • 如何解决flash的zindex问题

    在网页中我需要显示div覆盖未使用的 Flash 横幅wmode transparent环境 怎么解决呢 根据我的记忆 你可以将 div 推入 也许使用Javascript 这样你就不会弄乱你的HTML iframe 是像 flash 一样
  • 等待动态加载脚本

    在我的页面正文中 我需要插入以下代码作为 AJAX 调用的结果 p Loading jQuery p p Using jQuery p 我不能使用 load 由于文档已经加载 因此该事件不会触发 这安全吗 如果没有 我如何确保在执行自定义生
  • 在 Ace Editor 中键入空格会产生特殊字符

    我已经在我的网站中安装了 ace 编辑器 尽管当我在开发环境中测试它时 现在使用相同的代码我遇到了输入错误 特别是在按空格或删除时 当我单击空格时 会出现奇怪的字符 这是我的代码示例和我所看到的图像 function var editor
  • javascript获取网页中选定文本的段落

    突出显示文本后 我想获取所选文本所在的段落 var select window content document getSelection 请问有什么指点吗 这实际上很难做到 因为你必须考虑六种情况 所选内容不在一个段落内 简单 整个选择都
  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合,同时又尊重更大的缩放系数?

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看
  • jQuery 自动完成 - xml 跨站点请求

    我的自动完成功能的 XML 提要位于另一台服务器上 是否有客户端 javascript 方法来获取此 XML 文档 我知道我可以使用 php jsp 等创建代理 但我需要在所有客户端完成此操作 这就是我现在调用该文件的方式 该文件仅在同一域
  • 使用 jQuery UI 图标

    jQuery UI 在精灵图像中提供了方便的图标 看到主题滚轮 http jqueryui com themeroller 我有一个input我想要时钟图标的元素 带有类 ui icon clock 作为背景图像 怎样才能有一个背景图标in
  • Jquery 关注下一个带有类的元素

    我正在尝试创建一个函数 当按下 Enter 键时 会选择带有类的下一个输入 我已经设法 focus 同一行中的下一个元素 但是 如果我需要选择下一行的下一个输入 它将无法继续 下一行中的第一个 quantity 文本框需要获得焦点 控制台没
  • LESS CSS 在媒体查询中设置变量?

    我正在开发一个专门针对 iPad 的网站 为了使我的网站能够在视网膜显示屏 iPad 和旧版本 iPad 上运行 我想在媒体查询中的 LESS CSS 中设置一个变量 例如 media all and max width 768px rat
  • html5 vs flash - 完整的比较图表在哪里? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 因此 自从史蒂夫 乔布斯说 Flash 很糟糕并暗示 HTML5 可以完成 Flash 可以做的所有事情
  • 禁用 iframe 中的滚动

    有没有办法在 iframe 中禁用所有滚动 我有一个 iframe 其中内容超出了 iframe 尺寸 设置scrolling no 只会删除滚动条 但不会禁用滚动 我无法控制 iframe html 的头部 所以我无法设计它的样式 有任何
  • iOS 11 getUserMedia 不起作用?

    苹果公司发表声明称getUserMedia将在 iOS 11 上完全正常运行 安装 iOS 11 Beta 版本 5 后 我确实收到一条消息 表明我的网站请求访问我的相机和麦克风 但似乎是这样的 video src window URL c
  • 将 jQuery 单击处理程序添加到多个元素?

    我需要有一个for在我的 jQuery 中循环 Example for i 0 i
  • Bootstrap下拉菜单文本颜色

    所以我第一次使用 Twitter 的 Bootstrap 我试图在下拉菜单折叠后更改其文本的颜色 如果有道理的话 I used 当您压缩网页以显示折叠菜单并转到下拉列表时 您会看到蓝色背景转移到下拉菜单项 但字体颜色为黑色 使其很难阅读 我
  • 在窗口调整大小和窗口加载时动态调整 pixi 舞台及其内容的大小

    我正在尝试在窗口调整大小时动态调整 pixi 舞台 画布和内容 的大小 并且最初以浏览器窗口的大小加载 而不改变比例 我使用以下内容将初始大小基本上设置为window innerWidth window innerHeight 但它做了一些
  • 使用js获取选择选项的onclick事件

    我有一个非常令人沮丧的问题 我有这个代码 它过滤掉我的结果并将它们输入到选择框中 var syn
  • JavaScript 点击事件在 Android 4.0.4 默认浏览器上的 Samsung Galaxy SIII 上不起作用

    我在 Android 4 0 4 上使用 Samsung Galaxy SIII 的默认浏览器时遇到了最奇怪的问题 对于以下页面 单击链接将不会触发 JavaScript 处理程序 从其中一个 div 的内容中删除单个 a 字母使它们再次工
  • Chrome 上的 contenteditable 中未显示编辑光标

    当您打开此页面时 请参阅现场演示 http jsfiddle net gs3p1a6r 3 show 与 Chrome span span CSS myspan border 0 outline 0 JS myspan focus the
  • 如何防止IE11弹出(您确定要离开此页面)

    我正在处理一个页面 除了一个下拉菜单可供选择外 我无需输入任何内容 但在 IE11 中 当我尝试转到下一页时 它会弹出该消息 我想阻止这种弹出的发生 所以我只是想知道 IE11 中弹出窗口的默认行为是什么 因为它不会出现在 Chrome 或
  • 查看元素的所有 dom 事件

    我有一个 jQuery UI 日期选择器 当您单击日期时 它会清除我的 URL 哈希值 并且不会更改文本框中的日期 我假设某个地方还有其他一些 JavaScript 实用程序 它也正在调用某种委托事件 抛出错误并终止 jquery 处理程序

随机推荐

  • iOS - Google AdMob v6.12.0 - “idfa 类丢失,不会收集 idfa”

    我在 iOS 8 目标 iOS 7 中的一个项目中使用 Google AdMob DFP 和中介插页式广告 尽管我已经包含了我认为 AdMob v6 12 0 所需的所有框架 根据 AdMob 网站 但我在 Xcode 中看到以下警告消息
  • 构建配置特定资源(调试与发布)

    有谁知道一种聪明的方法 最好使用 Eclipse ADT 工作流程 根据项目是调试还是发布构建 即在 Eclipse 中应用程序是运行还是导出 将特定资源应用于项目 我们经常遇到的常见用例是 API 密钥 如地图 最好建立一个项目 专门为所
  • 将多行分组并连接为一行

    我想将所有 文本 行 连接 成一行并得到一行作为结果 这可能吗 我使用 MSSQL Server 2005 使用 FOR XML 路径 SELECT Text AS text FROM table FOR XML PATH 另一种选择 使用
  • 将相机限制在地面覆盖层上?谷歌地图 Android API v2

    我正在尝试向我的用户显示带有标记的地面覆盖层 我试图将视图限制为仅显示地图上的此图像 我希望用户只能将图像视为放置在地图上的地面叠加层 而无法转到周围的地图 如果他们越过边缘 手势就会被阻止 我想要这样的东西 我不想要这个 仅显示地面覆盖地
  • 如何在实践中创建幽灵小工具?

    我正在开发 NASM GCC 针对 ELF64 PoC它使用一个幽灵小工具来测量访问一组缓存行的时间 冲洗 重新加载 如何制作一个可靠的幽灵小工具 我相信我理解 FLUSH RELOAD 技术背后的理论 但在实践中 尽管有一些噪音 我无法生
  • 使用 BinaryFormatter 反序列化加密数据时出现问题

    这是我的代码 public static void Save
  • 控制 C 或 C++ 中的 shell 命令行通配符扩展

    我正在用 C 编写一个程序 foo 它通常在命令行上调用 如下所示 foo txt My main 以正常方式接收参数 在许多系统上 argv 1 从字面上看是 txt 并且我必须调用系统例程来进行通配符扩展 然而 在 Unix 系统上 s
  • 如何将 Handbrake 输出同时输出到屏幕和文件?

    因此 我一直在使用 Handbrake 命令行对我的视频收藏进行编码以存储在我的 NAS 上 这样我就可以在我的 HTPC 上使用它 我一直在寻找一种既可以输出到屏幕的方法 这样我就可以在编码时观察它的输出 也可以输出到文件 这样我就可以返
  • 非递归快速排序

    我很想知道我的非递归快速排序算法的实现是否存在一些缺点或隐藏的问题 为了优化它应该修改什么 以我的方式比较两个对象时可能会发生什么问题 public class QuickSort
  • MS Access 中出现“操作必须使用可更新查询”错误

    当我尝试运行 SQL 时 收到一条错误消息 操作必须使用可更新查询 据我了解 当 MS Access 中的更新 删除查询中使用联接时 就会发生这种情况 然而 我有点困惑 因为我的数据库中有另一个几乎相同的查询 它工作得很好 这是我的麻烦查询
  • Hadoop java.io.IOException:Mkdirs 无法创建 /some/path

    当我尝试运行我的作业时 出现以下异常 Exception in thread main java io IOException Mkdirs failed to create some path at org apache hadoop u
  • 如何使用 PHP 从 JSON 访问另一个对象内部的类成员

    我有一个像这样的 JSON 字符串 test var1 null var3 null status code 150 message blah blah 我想访问函数中的状态代码 这就是我尝试过的 responseObj jsonServi
  • UNIX 将 LARGE csv 导入 SQLite

    我有一个 5gig csv 文件 也可以作为 sas 数据文件 如果会更容易的话 我需要将其放入 sql 数据库中 以便我可以在 R 中使用它 变量名称全部包含在第一观察行中并用双引号引起来 有 1000 多个变量 其中一些是数字 另一些是
  • 向 UTL_MAIL.SEND 提供凭据以绕过 ORA-29278

    我正在尝试使用 UTL MAIL Send 打包过程从 PL SQL 程序发送电子邮件 但我收到以下错误 ORA 29278 SMTP 瞬时错误 421 服务不可用 我在网上搜索了一下 发现出现这个错误是因为运行我的Oracle数据库的主机
  • UIPickerView 用于具有不同数组的每个文本字段(Swift/Firebase)

    我正在尝试创建一个表单 其中每个文本字段都有一个 UIPickerView 用户可以使用它来选择所需的选项 我需要为每个文本字段使用不同的信息数组 但我似乎无法让它工作 而且我已经坚持了很长一段时间了 我有一个可能有效的方法 但由于每个字段
  • SVG 数据图像不能用作伪元素中的背景图像

    我将 SVG 设置为background image对于伪元素 content position absolute right 0 bottom 0 left 0 width 100 height 12px background image
  • ZXing - 使用通用类型 BarcodeWriter 需要 1 个类型参数 ZXing.NET.Mobile

    我一直在尝试使用 ZXing Net Mobile 和 ZXing Net Mobile Forms 生成 QRCode https github com Redth ZXing Net Mobile并遇到以下错误 严重性代码描述项目文件行
  • 使用接口变量

    我仍在努力更好地理解接口 我知道它们是什么以及如何在课堂上实现它们 我不明白的是 当您创建一个接口类型之一的变量时 IMyInterface somevariable 你为什么要这样做 我不明白如何像类一样使用 IMyInterface 例
  • 如何从 Java 调用 .NET dll

    我有这段代码来创建一个简单的 NET dll 它只返回一个int 但是 它在 Java 中不起作用 using System using System Collections Generic using System Linq using
  • Jquery:点击菜单外部后下拉菜单不会消失

    我是 jquery 的新手 我正在查看 google 的代码来创建他们的 更多 按钮 我已经可以使用自动取款机了 但让下拉菜单消失的唯一方法是再次单击 更多 按钮 我可以添加一种方法来更改此设置 以便下拉菜单本身之外的任何单击都会将其关闭吗