javascript - 添加了不触发脚本的自定义属性

标签 javascript jquery html

我正在使用一个脚本 src,它可以在将自定义属性添加到元素时打开灯箱框架。

一个例子看起来像这样

<button data-custom-attr="123"> </button>

当我手动添加它时它会起作用,但是首先我必须通过先删除一些属性来替换已经存在的类似脚本。

我正在使用 jQuery 选择元素、删除属性并添加新元素。但是,当我将它们添加到元素时,单击它不会触发灯箱弹出窗口。我也试过创建一个新元素并用它替换当前元素,但它也没有用。

可能的原因是什么?是否可以使用 jQuery 实现此目的?

我使用的代码:

<button class="mybtn" data-prop='1'></button>

JavaScript

jQuery(".mybtn").each(function (index, object) {

  $(this).removeAttr('data-prop');
  $(this).attr('data-custom-attr','123');


});

(属性在我检查时添加到元素)

最佳答案

我相信,灯箱脚本在 DOM-Ready 上运行一次。如果您在之后操作 DOM,脚本可能不会注意到这一点。是否可以重新运行脚本?

关于javascript - 添加了不触发脚本的自定义属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53155759/

相关文章:

javascript - 重新渲染后如何保存组件状态? react js

javascript - 如何使用 Jasmine.js 对 Javascript Promises 进行单元测试?

javascript - jQuery 是否有返回 rootURL 的内置函数?

jquery - 无法使图像在 Canvas 上拖动

jquery scrollTop 在 IE8 中不起作用

jquery - 缩小和放大时 div 移动

javascript - 使用扩展将数组映射到对象

javascript - jQuery UI 选项卡中的 jQuery 多个轮播在 Internet Explorer 和 Chrome 中无法正常工作

html - 国际象棋 + 使用表格

html - 需要 CSS wiz 的帮助 - 在不使用表格的情况下创建表格 "look"