Пробачте, що я не був більш конкретним щодо цього. У мене така дивна помилка. Після завантаження doc я замикаю певні елементи, які спочатку є data-itemname="", і встановлюю ці значення за допомогою .attr("data-itemname", "someValue").
Проблема: Коли я пізніше циклічно переймаю ці елементи, якщо це роблю elem.data().itemname, я отримую "", але якщо так elem.attr("data-itemname"), то отримую "someValue". Це так, як .data()геттер jQuery отримує лише ті елементи, які встановлені спочатку, щоб містити якесь значення, але якщо вони спочатку порожні, а пізніше встановлені, .data()вони не отримують значення згодом.
Я намагався відтворити цю помилку, але не зміг.
Редагувати
Я відтворив помилку! http://jsbin.com/ihuhep/edit#javascript,html,живіть
Також фрагменти зверху ...
JS:
var theaters = [
{ name: "theater A", theaterId: 5 },
{ name: "theater B", theaterId: 17 }
];
$("#theaters").html(
$("#theaterTmpl").render(theaters)
);
// DOES NOT WORK - .data("name", "val") does NOT set the val
var theaterA = $("[data-theaterid='5']");
theaterA.find(".someLink").data("tofilllater", "theater5link"); // this does NOT set data-tofilllater
$(".someLink[data-tofilllater='theater5link']").html("changed link text"); // never gets changed
// WORKS - .attr("data-name", "val") DOES set val
var theaterB = $("[data-theaterid='17']");
theaterB.find(".someLink").attr("data-tofilllater", "theater17link"); // this does set data-tofilllater
$(".someLink[data-tofilllater='theater17link']").html("changed link text");HTML:
<body>
<div id="theaters"></div>
</body>
<script id="theaterTmpl" type="text/x-jquery-tmpl">
<div class="theater" data-theaterid="{{=theaterId}}">
<h2>{{=name}}</h2>
<a href="#" class="someLink" data-tofilllater="">need to change this text</a>
</div>
</script>elem.data("itemname")НЕ elem.data().itemname?
elem.data().itemname = somevalue;, не змінюються основні дані.)