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