jquery fancybox 触发点击仅工作一次

2024-04-13

我从绑定到表行的单击事件调用 jquery.fancybox 链接。该操作第一次工作正常,但是,如果我关闭 fancybox 并再次单击任何行,绑定到该行的匿名函数仍然会触发,但 fancybox 不会启动。这是我正在使用的 JavaScript:

$jq(document).ready(function() {

  $jq('a.edit').fancybox({
    'overlayShow': true,
    'hideOnContentClick': false
  });

  $jq('tr').click(function() {
    alert("clicked");
    $jq(this).find('a.edit').trigger("click");
  });

});

因此,在 HTML 中我将锚点归类为“编辑”:

<tr>
  <td>...</td>
  <td>
    <a href="/candidates/22/qualifications/16/edit" class="edit">edit</a>
  </td>
</tr>

我总是可以看到警报框,并且我可以将触发器/ click() 调用更改为remove(),它将“工作”,多次删除锚点。我还可以反复手动单击 $('.edit') 链接本身,这一切都很好。

那么,为什么锚点单击事件在从行单击事件依次发生时仅触发一次呢?这与我在描述函数时对 $(this) 的调用有关吗?


试一试:

$jq('a.edit').live('click',function(){
    $.fancybox('<div>Here is the content</div>'{
        overlayShow: true,
        hideOnContentClick: false
    });

    return false;
});

或者,你可以这样做:

 $jq('a.edit').live('click',function(){
    $.fancybox({
        href: 'some-page.html'
        overlayShow: true,
        hideOnContentClick: false
    });

    return false;
});

希望有帮助!

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

jquery fancybox 触发点击仅工作一次 的相关文章

  • Flot 中轴的逗号分隔数字

    有没有办法让 Flot 使轴编号以逗号分隔 例如 用 1 000 000 代替 1000000 您可以通过使用轴的tickFormatter 属性来做到这一点 xaxis tickFormatter function val axis in
  • 同位素 Jquery 插件布局问题

    我正在尝试在此站点上设置同位素 它需要处理布局 并且我需要能够将项目附加到容器中 问题是它似乎没有正确初始化图像 这是我初始化它的方法 document ready function var container container cont
  • 如何在此彩票功能中显示所有猜中的号码?

    我用 JS 创建了一些简单的彩票功能 一切正常 我面临的唯一问题是如何显示所有已猜到的数字 我有 6 个独立的空间 其中必须提供数字 我的目标是显示随机空间中的滚动数字 它必须仅在 6 个空间之一中提供 这对我有用 但只显示 1 个数字 我
  • 如何使错误冒泡,以便可以在同一个 try/catch 块中捕获它们?

    我有一个带有抛出错误的函数的对象 myObj ini function this f f function throw new Error 但我只想捕获创建对象的异常 try var o new myObj catch err alert
  • 基于鼠标位置的平滑滚动(Jquery)

    HI 我想创建一个基于鼠标位置的平滑滚动条 这个想法是创建一个具有固定宽度的外部 div 内容非常宽 必须根据鼠标位置向左或向右滚动 如果内容是 无限 或 无尽 的 那就太好了 内容是一个非常宽的图像 无缝 地重复 有人可以帮我用 jQue
  • 打开图层地图,经纬度获取地址

    我正在尝试获取带有经度和纬度的地址 城市 邮政编码 街道地址 但我不知道如何获取 我正在使用开放图层 当我单击地图的一部分时 会获取该位置的经度和纬度 有人有解决方案吗 div class map div
  • MagicSuggest动态ajax源码

    我在用着魔法建议 https github com nicolasbize magicsuggest对于自动完成输入文本 自动完成提要非常大 因此我无法完整下载它 在他们的示例中 他们提供了以下代码 脚本语言 document ready
  • Javascript 闭包问题

    所以 我仍在阅读 Apress Pro Javascript 技术 但我在闭包方面遇到了麻烦 正如约翰 雷西格所说 闭包允许您引用父函数中存在的变量 然而 它在创建变量时并不提供变量的值 它提供父函数中变量的最后一个值 这是最常见的问题 您
  • 如何将 PHP 变量获取到 AJAX?

    我认为我没有在单独的 PHP 和 AJAX 文件之间以正确的方式传递变量 我正在通过触发第二个条件来调试它 status info 在我的 PHP 文件中 现在 status出现为 未定义 alert data status 注册进程 ph
  • 为什么WAV格式在不同的浏览器中没有相同的mimetype?

    文件输入在 Chrome 或 Firefox 中为同一文件提供不同的 Mimetype 我有一个我想上传的 wav 文件 chrome 说是audio wav和火狐检测audio x wav 我知道这两个 mimetype 非常相似 x 代
  • ReactJs / Typescript:如何扩展状态接口

    我有以下内容 interface EditViewState
  • 如何只显示 HTML5 datalist 中的文本而不显示值?

    这是一个例子
  • JS 检查深层对象属性是否存在[重复]

    这个问题在这里已经有答案了 我正在尝试找到一种优雅的方法来检查对象中是否存在某些深层属性 因此 实际上试图避免对未定义的情况进行巨大的保护性检查 例如 if typeof error undefined typeof error respo
  • Mustache javascript:如何处理布尔值

    我有一个 JavaScript 对象obj键的值可以是true or false 该值被传递给 Mustache 模板 JavaScript 对象 obj like true or false 模板 span like span 现在我希望
  • 如何检测鼠标指针位于浏览器关闭按钮上时的事件? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 换句话说 这是用于检测事件的 javascript jquery 代码当鼠标指针位于浏览器的关闭按钮 X按钮 上时 或者当鼠标指针进入
  • 当用户点击弹出窗口外部时,阻止 JQuery Mobile 关闭弹出窗口

    我正在使用 JQuery Mobile 1 2 0 alpha 1 目前 当我打开弹出窗口并点击屏幕上任意位置的外部时 弹出窗口将被关闭 我想知道是否有任何我错过的 JQuery Mobile 属性可以设置并防止在外部点击时关闭弹出窗口 模
  • 针对 Woocommerce 中多个产品类别计数的 ajax 添加到购物车的 JS 警报

    在 Woocommerce 中 当达到特定产品类别的购物车中的产品的特定数量时 我尝试显示 JavaScript 甜蜜警报 并在达到二级类别的产品的特定数量时显示另一个警报 商品通过 AJAX 添加到购物车 这就是我想使用 JavaScri
  • Dojo 是否可以与其他 JS 框架结合?

    我们使用 Dojo 1 9 3 作为构建单页面应用程序的 JS 框架 然而 我们在 Dojo 的怪癖上花费了太多时间 因此即使是简单的任务也需要很长时间才能实现 由于缺乏适当的文档 我们经常不得不求助于阅读源代码 然后实施解决方法 我觉得如
  • JQuery 可拖动图像并保存位置

    好吧 这变得很尴尬 已经搜索并尝试了大约 5 个小时 但我只是在兜圈子 场景很简单 它是用户个人资料的标题图像 可以将其拖动到某个位置 然后将图像的顶部位置保存到数据库中 感谢 Beetroot Beetroot 的 遏制 父级 我开始关注
  • JavaScript 有内置的 stringbuilder 类吗?

    I see a few 代码项目解决方案 http www codeproject com KB scripting stringbuilder aspx 但是JavaScript中有常规的实现吗 如果您必须为 Internet Explo

随机推荐

  • TypeScript 模块

    我想知道是否有可能以某种方式将两个或多个文件中的两个或多个类添加到 TypeScript 中的同一模块中 像这样的事情 src gui uielement ts module mylib module gui export interfac
  • 防止 npm 安装的 Windows 批处理中的“中止”

    我正在编写一个bat文件来自动安装npm包并安装compass 蝙蝠很简单 如下 npm install g bower npm install g grunt cli npm install gem update system verbo
  • 使用 chai-http 设置接受的 CA 列表并忽略 SSL 错误

    我正在尝试使用 chai chai http 为我的节点代码编写单元测试 一切都工作正常 直到我将服务器切换到 HTTPS 服务器 但由于我的证书是由内部公司根签名的 并且我使用的证书的通用名称与本地主机不匹配 所以 chai 在我的请求中
  • 带有滑动菜单和 actionbarsherlock 的动态 UI

    尝试实现动态 UI类似 Facebook 的滑动菜单 https github com jfeinstein10 SlidingMenu and 动作条夏洛克 http actionbarsherlock com 首先我查看了android
  • 如何在flutter中显示scrollController的滚动索引?

    我想通过利用滚动控制器在 listView 底部显示索引 与下图中显示的方式相同 用户向下滚动或向上滚动后 左侧以红色突出显示的计数会根据用户的滚动方向增加 减少 我想要实现的是自动更新显示项目的索引 如图中红色所示 因此 每当用户向下或向
  • 如何减少地理地图的地块与边界之间的空间?

    我正在尝试使用 marmap 库绘制美国东北部的测深地图 以下代码加载了正确的范围 但是当我绘制地图时 边界和地图之间有空白区域 无论是在地图的顶部 底部还是左侧 右侧 导出绘图时也会出现这种情况 如果我拖动绘图查看器屏幕大小 绘图会进行调
  • 我可以使用 FileChannel 独立地从不同线程查找文件吗?

    我创建了一个可处理 FLV 文件的 Web 应用程序 该应用程序使用我创建的一个库来解析 flv 文件的内容 该库使用 FileChannel 来查找文件 现在 我从不同的线程中寻找相同的 flv 文件 因此遇到了一种奇怪的行为 这么说吧T
  • 如何获取 WooCommerce 中的活跃订阅者列表?

    我正在尝试获取所有具有活跃订阅的用户的列表 但在我的一生中似乎无法让某些东西发挥作用 如果我查看仪表板中的用户 我会看到所有活跃成员都具有 Abonn 角色 所以我设置了这样的短代码 function custom get members
  • 致命错误:在第 6 行对 C:\wamp\www\ci\application\models\site_model.php 中的非对象调用成员函数 get()

    你好 我刚刚观看了 Nettuts 上的第一个 第一天的截屏视频 CodeIgniter from scrap 我已经遇到了一个我不明白的错误 这是一个屏幕截图http i39 tinypic com 14mtc0n jpg http i3
  • Google 日历 PHP API 不发送邀请电子邮件

    我已使用 PHP 和服务帐户成功与 Google 日历集成 我可以做什么 更新日历事件 将与会者添加到日历活动 我不能做什么 添加新与会者时发送邀请电子邮件 这是迄今为止我用来完成所有事情的完整代码 putenv GOOGLE APPLIC
  • Django 多个数据库 - 一个并不总是可用

    我正在开发一个 Django 应用程序 它将使用多个数据库后端 我想在运行 django 应用程序的机器上放置一个 sqlite 数据库 并同步到远程 mysql 数据库 棘手的部分是 运行应用程序的机器并不总是有互联网连接 因此 mysq
  • 根据用户选择的选项设置单选按钮的值

    根据用户对三个下拉列表的选择 我想从下面的对象中设置给定单选按钮的值 例如 如果我从第一个选择标签中选择 Drop Down 1 1 并将其他两个留空 则 radio button 4 的值不会为 r 5000 R 如果我选择 下拉 1 1
  • 使用嵌套字典Python的自定义类

    当使用相同的键在嵌套字典中添加值时遇到问题 并且该值始终显示相同的值 事实是 我想更新值事件 键是相同的 该算法是人工鱼群算法的基础 example gt gt fish template 0 weight 3 1 visual 2 ste
  • Boost read_json 和 C++11

    我正在尝试使用 Boost 的 property tree 解析器和 C 11 代码解析 JSON 我的系统是带有 gcc 4 7 2 和 Boost 1 49 的 Debian Wheezy 我尝试了以下代码基于使用 boost 序列化和
  • 数组映射返回未定义的数组,何时应返回对象数组

    为什么 a b c map x gt letter x 返回一个未定义的数组 and a b c map x gt letter x 0 正确返回对象数组 Because 您可以使用大括号作为块语句 https developer mozi
  • 在数据框中创建一个新列:组中的索引(组之间不唯一)

    我有一个包含两列的数据框 第一列包含每个人所属的组 第二列包含个人的 ID 见下文 df lt data frame group c G1 G1 G1 G1 G2 G2 G2 G2 indiv c indiv1 indiv1 indiv2
  • android 如何监听自定义变量?

    我看过这个线程 如何实现监听器 https stackoverflow com questions 5941960 android how to implement listener关于实现侦听器 它实际上非常简单 但我不知道它到底是如何完
  • 检索并使用 Microsoft 或 Mozilla 的 Root-CA 列表并在 Java 中使用它?

    OpenJDK for Windows 中包含的根 CA 证书列表非常令人印象深刻 但有很多根 CA 证书受到 Firefox 等常见浏览器的信任 但不受 Java 信任 Both 微软 https support microsoft co
  • ASP.NET MVC3 和服务器端验证

    假设用户禁用了 javascript 因此客户端验证在 MVC3 中不起作用 实现服务器端验证的最佳方法是什么 以便当用户尝试以不适当的方式处理数据时仍然显示验证消息 Thanks EDIT 显然发生这种情况是因为我使用 EF 生成的模型
  • jquery fancybox 触发点击仅工作一次

    我从绑定到表行的单击事件调用 jquery fancybox 链接 该操作第一次工作正常 但是 如果我关闭 fancybox 并再次单击任何行 绑定到该行的匿名函数仍然会触发 但 fancybox 不会启动 这是我正在使用的 JavaScr