javascript - jquery - AnimatedModal，获取单击元素的 data-*

Question

我在我的网站上使用 AnimatedModal，它效果很好，但现在我需要获取单击元素的数据属性，所以我这样做:

$(".wanted-modal").animatedModal({
    modalTarget: "wanted",
    color: "#3e94ec",
    beforeOpen: function( event ) {
        console.log( $(this).data('test') );
    }
});

但我得到了未定义，为什么？

HTML:

<a href="#wanted" data-test="1" class="button-standard wanted-modal">Click me</a>

Answer 1

我知道这可能有点太晚了，但对其他人会有帮助，有一个解决方法，在 animatgedModel.js 设置后添加变量(例如:var currentActive = null)。

有一个名为model.click的函数，添加这个

currentActive = $(this);
currentActive.addClass("popup-active");

还有另一个函数closeBt.click，添加这个

currentActive.removeClass("popup-active");
currentActive = null;

最后在beforeOpen上您可以选择被单击的元素