使用jQuery获取数据属性

Question

现在,请记住,我只是想通过在ready此处使用事件来确保代码正常工作.我只是想确保我期望的数据被jQuery拉动.我也尝试了这个load活动.

最后,我想先使用loador ready事件来设置图像,然后当然使用hover事件在悬停时更改该图像.

我在这里尝试了很多答案,似乎无法让这个工作,所以希望你们都可以帮助我.

JavaScript的:

$(document).ready(function () {
    $("#submenumain-link").ready(function () {
        alert($(this).data()["selectedimage"]);
        alert($(this).data()["hoverimage"]);
    });

    $("#submenumain-link").hover(function () {
        alert($(this).data("selectedimage"));
        alert($(this).data("hoverimage"));
    });
});

HTML:

<li id="submenumain-link"
    data-selectedimage="some-image.png"
    data-hoverimage="some-other-image.png">

但无论出于何种原因,alert消息只是状态未定义.我在这里错过了什么吗？

编辑

请注意,如果我将这些相同的alert语句放在悬停中,它会按预期工作.我可以使用什么事件进行初始化？

Answer 1

$(this).data('selectedimage');

你不需要括号[]