当用户点击 div 外部时如何隐藏 Backbone 中的 div?

2023-12-19

我在 Backbone 中有一个包含内部 div 的视图。我想当用户单击 div 外部时隐藏 div。

我不知道如何在视图内设置一个事件,显示“click NOT #inner_div”:“removeDiv”。

关于如何执行此操作有什么建议吗?


通常的方法是将点击处理程序直接附加到<body>然后关闭或隐藏你的<div>。例如:

render: function() {
    $('body').on('click', this.remove);
    this.$el.html('<div id="d"></div>');
    return this;
},
remove: function() {
    $('body').off('click', this.remove);
    // This is what the default `remove` does.
    this.$el.remove();
    return this;
}

如果你只是想隐藏<div>而不是删除它,只需绑定点击<body>与不同的方法remove http://backbonejs.org/#View-remove;您仍然需要从中删除点击处理程序<body>在你的remove尽管。另外,您还需要捕获视图上的点击事件el阻止他们到达<body>.

Demo: http://jsfiddle.net/ambigously/R698h/ http://jsfiddle.net/ambiguous/R698h/

如果您有其他关心点击事件的元素,那么您绝对可以定位一个<div>来掩盖<body>然后将您的点击处理程序绑定到它。你可以看看jQuery 块 UI http://www.malsup.com/jquery/block/插件来看看这是如何完成的。

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

当用户点击 div 外部时如何隐藏 Backbone 中的 div? 的相关文章

随机推荐

  • Java类的内存对齐

    假设我在 64 位机器上编译 C 程序gcc 我假设sizeof int 是 8 个字节 并且sizeof char 是1字节 由于内存对齐 以下结构 struct example int a char c 实际上大小不是 9 个字节 而是
  • 石英错误失火处理和作业恢复失败

    我是 JSP 和 Quartz Scheduling 的新手 在这个项目中 我试图让石英调度程序继续运行 以防服务器关闭然后忽略错过的作业 为此 我研究了 JobPersistence 并将quartz properties 文件修改如下
  • Protovis - 这些没有花括号的函数是什么? [复制]

    这个问题在这里已经有答案了 可能的重复 JavaScript 中不带花括号的 Lambda 函数语法 https stackoverflow com questions 5919351 lambda function syntax in j
  • 如何使用 postThreadMessage 传递结构

    我想使用 Windows 的消息队列功能将结构发送到另一个线程 但我发现postthreadmessage函数只提供了两个整数参数 lparam和wparam供我传递参数 所以我决定将结构体的地址放在lparam中 这是 Windows 用
  • 我如何允许 div 不透明度而不是背景图像?

    我如何允许 div 不透明度而不是背景图像 在 ajax 请求中 以下类将应用于选定的 div 该 div 的所有内容都变得不透明 然而 后台ajax加载指示器也变得不透明 如何使背景图像不变得不透明 ajax mask opacity 0
  • Playframework2就像春天的反向路由

    任何人都可以建议我春季的路由机制 我使用 thymeleaf 作为我的视图 我想在视图中使用类名和方法名作为我的 url 就像在 playframework 中一样 但我喜欢在 spring 中在控制器方法声明之前定义 url 等待您的建议
  • 为什么IL要设置这个值两次?

    我尝试了一下尝试罗斯林 http tryroslyn azurewebsites net 当我输入这段代码时 using System using System Linq using System Collections Generic u
  • 是否保证保留对易失性结构的单独成员的写入顺序?

    假设我有一个这样的结构 volatile struct int foo int bar data data foo 1 data bar 2 data foo 3 data bar 4 作业都保证不被重新排序吗 例如 如果没有 volati
  • MATLAB - 加载文件名存储在字符串中的文件

    我正在使用 MATLAB 处理文件中的数据 我正在编写一个程序 它接受用户的输入 然后在绘制它们的目录中找到特定文件 文件命名为 名称 U 速率 name 是表示计算机名称的字符串 rate 是一个数字 这是我的代码 get user to
  • “npm install -g”有什么作用?

    我正在尝试通过运行从 NPM 安装 Lessnpm install g less在命令行中 我检查了文件安装命令 https www npmjs org doc cli npm install html 在全局模式下 即 在命令后附加 g
  • Firebase UserProfileChangeRequest 不起作用

    我正在尝试创建一个个人资料活动 用户可以在其中更改这些个人资料图片和显示名称 我正在尝试更新用户照片或用户名 名为 CompleteListener task isSuccessful true 但什么也没完成 为什么 更新名称的函数 Fi
  • std::map 和 std::variant 的不完整类型

    考虑这个简化且非常具体的递归变体实现std variant include
  • Pyramid.安全问题:双cookies? cookie 不安全?过期?

    我正在第一次尝试金字塔安全模块 我使用此登录代码来设置 auth tkt view config route name LoginForm request method POST renderer string class LoginFor
  • PHP realpath函数问题

    我似乎无法让 realpath 函数处理变量 有办法解决这个问题吗 当我在函数中使用变量时 它不会返回任何内容 我知道路径名在没有 realpath 函数的情况下也可以工作 但我想将 realpath 函数与我的路径名一起使用 realpa
  • 确保 URI 有效

    我试图确保传递给我的 go 程序的 URL 是有效的 但是 我似乎不知道该怎么做 我以为我可以直接喂它url Parse 但这似乎不起作用 package main import fmt net url func main url err
  • 用于获取合并请求中已更改文件列表的 Azure Repos REST API

    Goal 每当拉取请求获得批准并且审阅者在 azure 存储库中完成 合并 拉取请求时 我想确定该合并请求中的文件列表 根据文件扩展名 我必须触发相应的构建管道 Issue 截至目前 从 azure devOps 门户来看这似乎是不可能的
  • Cassandra 没有地理空间支持是否有原因?

    由于 Cassandra 基于 Dynamo 论文 分布式 自平衡哈希表 BigTable 并且有一些空间索引非常适合该范例 quadkey http msdn microsoft com en us library bb259689 as
  • 从日期数组中找出剩余天数[重复]

    这个问题在这里已经有答案了 我有一个如下所示的数组 combinedBirthdates 03 12 2013 03 12 2013 08 13 1990 12 09 1989 02 06 09 08 03 02 1990 08 22 19
  • 线程“main”中的异常 java.lang.ArrayIndexOutOfBoundsException: 0

    我是学习java的新手 在遵循书中的教程时 我收到了此错误 Exception in thread main java lang ArrayIndexOutOfBoundsException 0 我尝试从网上进行研究以了解有关该错误的更多信
  • 当用户点击 div 外部时如何隐藏 Backbone 中的 div?

    我在 Backbone 中有一个包含内部 div 的视图 我想当用户单击 div 外部时隐藏 div 我不知道如何在视图内设置一个事件 显示 click NOT inner div removeDiv 关于如何执行此操作有什么建议吗 通常的