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

Question

我正在使用一个脚本 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');


});

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

Answer 1

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