Вопрос знатокам jquery и метод .data()

[phweb]

читаем ниже и смотрим сюда http://jsfiddle.net/safyf83u/3/

 

не могу понять поведение метода data(), а именно:

1. создаю массив элементов

2. у каждого элемента есть атрибут data-ID со своим значением

3. в цикле назначаю для элемента обработчик, просто вывод в консоль значение хранящееся в data-ID

 

при создании страницы все работает как надо, т.е. клик на ссылку выводи в консоль содержимое data-ID как и планировалось.

далее я по клику на ссылке a#test_link с очищаю содержимое родительского дива и создаю элементы заново.

 

вот тут и возникает проблема, почему то при повторном создании элементов значение data-ID становится undefined

кто нибудь может объяснить почему? да, и если вместо data воспользоваться атрибутом rel например то все работает как надо.

 

заранее спасибо!

[Yazon_Nile]

http://jsfiddle.net/safyf83u/4/

читайте про замыкания.

[phweb]

читайте про замыкания.

читал, пробовал... ситуация не изменилась, в предложенном вами решение кстати тоже.

при клике на a#test_link а потом еще раз на ссылки все равно выдает undefined

Edited February 5, 2015 by phweb

[Great Rash]

Ответ кроется в документации к методу .empty():

 

"To avoid memory leaks, jQuery removes other constructs such as data and event handlers from the child elements before removing the elements themselves."

В функци testAdd() вы возвращаете назад обработчик события, а вот data безвозвратно теряется.

[phweb]

Ответ кроется в документации к методу .empty():

 

"To avoid memory leaks, jQuery removes other constructs such as data and event handlers from the child elements before removing the elements themselves."

В функци testAdd() вы возвращаете назад обработчик события, а вот data безвозвратно теряется.

 

спасибо, внесли ясность. блин, вот они подводные камни руссифицированной  документации