jquery - jQuery中未定义HTML的数据属性

Question

我正在使用以下代码访问 HTML 数据属性：

HTML

<p class="add-favorites-to-list">
  <a href="#" data-baskettype="order"><img src="/style/icons/cart_add.png"> Test1</a>
  <a href="#" data-baskettype="quote"><img src="/style/icons/calculator_add.png"> Test2</a>
</p>

JS

$(document).ready(function() {
  $('.add-favorites-to-list').show();
  $('.add-favorites-to-list a').click(function() {
    alert($(this).data('baskettype'));
    return false;
  });
});

CSS

.add-favorites-to-list { display: none; }

示例：http: //jsfiddle.net/mR8gK/1/

这在 jsFiddle 上运行良好，但在我的站点中不起作用（使用相同的代码和相同的浏览器）。我undefined在alert().

我检查了 jQuery 是否找到了该元素并且确实找到了，因为：console.log($(this).html());显示了元素的内容。

是否有任何（明显的）原因导致该代码无法在我的网站上运行但在 jsFiddle 上运行？

Answer 1

你运行的是什么版本的jQuery？因为如果你把它放在下面1.4.4，它会返回为未定义。