HTML5 데이터 JQuery에서는 DOM의 변경 사항을 볼 수 없습니다.

Question

내 웹 사이트의 div에 일부 정보를 저장하기 위해 HTML5의 data을 사용하고 있으며 jQuery로이 데이터의 값을 변경하면 DOM은 잘 업데이트되지만 jQuery는 값을 검색하려고하면 업데이트가 표시되지 않습니다.

이 데이터의 값을 $('#myDiv').attr('data-my_data',value);으로 업데이트하고 $('#myDiv').data('data-my_data')으로 다시 값을 가져옵니다.

Here's the fiddle 내 문제를 설명합니다.

업데이트되지 않는 DOM의 일부 jQuery 초기 표현으로 인해 이러한 현상이 발생합니까?

나는 그것을 얻지 않는다, 어떤 도움든지 평가 될 것이다!

구성 : 크롬 25 - jQuery를 1.9.0 - 맥 OS X 10.7 속성 dataset의 DOMString 객체에 매핑되는

Answer 1

당신은 당신의 예

$('#myDiv').data('data-my_data','value'); 

의 Attr에 따라 data('yourKey','Yourvalue')

$(yourElement).data('isEdit','1'); 

에 값을 설정할 수 있습니다 : 그것은 DOM 객체에 attributges을 추가합니다.

prop : 메모리에 프로퍼티를 추가합니다. 그래서 귀하의 데이터는 DOM의 dataSet에서 스트로밍됩니다.

자세한 내용은 여기를 확인하십시오. attr vs prop

Answer 2

data-*, 세터로 data 방법을 사용하여 속성 attr를 사용하지 않습니다.

$('#testDiv').data('test_data', newData).html("My data is : " + newData); 

http://jsfiddle.net/zgKdg/