Data- * attr无法使用jQuery

Question

我似乎无法使这个数据属性起作用。它一直说未定义。

JavaScript的：

$(".navlink").click(function() {
    alert($(this).data('link'));
})

HTML：

<div class="navlink" data-link="portfolio">
     <span class="bottom">Portfolio</span>
</div>

Answer 1

$(".navlink").click(function() {
  alert( $(this).attr('data-link') );
});

Answer 2

在关闭提醒;之前，您有一个结尾)。尝试：

$(".navlink").click(function() {
    alert($(this).data('link'));
});

Live demo

Answer 3

你有一个javascript错误。它应该是：

$(".navlink").click(function() {
    alert($(this).data('link'););
})

始终保持萤火虫开放;）