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

你有一個javascript錯誤。它應該是：

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

始終保持螢火蟲開放;）

Answer 2

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

Answer 3

關閉警報)之前，你有一個尾隨;。試試：

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

Live demo。