Атрибут данных HTML не определен в jQuery

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()); показывает содержимое элемента.

IsЕсть ли (очевидная) причина, по которой этот код не работает на моем сайте, но работает на jsFiddle?

Answer 1

Какую версию jQuery вы используете?Потому что если вы опустите его ниже 1.4.4, оно вернется как неопределенное.