Data- * attr不能与jQuery一起工作

问题描述：

我似乎无法获得此数据属性的工作。它一直说未定义。Data- * attr不能与jQuery一起工作

的JavaScript：

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

HTML：

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

什么浏览器是这？ – 2011-03-07 23:01:46

我会确保你使用的是最新版本。尽管我也从来没有真正将它用于Chrome或IE。嘿嘿。 – 2011-03-07 23:02:56

哦，简单的PEBKAC错误是使用旧版本的jquery我可以删除这个问题对不起浪费每个人的时间 – austinbv 2011-03-07 23:06:34

答

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

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

始终保持萤火虫开放;）

这怎么可能是答案？ – 2013-03-01 11:26:45

再看一遍......不知道这应该如何工作:) – luksak 2013-03-04 16:32:30

答

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

缺少一个右括号:) – 2012-09-15 02:46:43

答

关闭警报)之前，你有一个尾随;。试试：

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