jQuery 데이터 값이 업데이트되지 않습니다.

Question

누군가가 왜 작동하지 않는지 설명 할 수 있습니까?

내가하려고하는 것은 drop 된 요소의 'section_id'라는 데이터 속성을 삭제 된 새로운 섹션으로 업데이트하는 것입니다. 내가 떨어 뜨릴 때이 데이터 속성을 체크하여 이미있는 섹션에 데이터를 드롭 할 수 없도록합니다. 자연스럽게, 새 섹션에 데이터를 드롭하면 해당 섹션 ID를 업데이트해야합니다.

alert(newTaskRow.find('.draggable').data('section_id')); //returns 413 
newTaskRow.find('.draggable').data('section_id','999'); 
alert(newTaskRow.find('.draggable').data('section_id')); //returns 999 
alert(newTaskRow.find('.draggable').html()); 

그러나 HTML은 여전히 ​​보여줍니다 :

<div class="draggable" data-section_id="413">...</div> 

을 나는 값과 같이 무엇을하고 있는지 추적하고 있습니다

<div class="draggable" data-section_id="413">...</div> 

:

나는 사업부과 같이가 HTML에서 값이 업데이트되지 않는 이유는 무엇입니까? 그리고 어떻게 그럴 수 있을까요?

Answer 1

jQuery의 data() 속성을 업데이트하지 않습니다, 그것은 내부 데이터 객체를 설정하지만 어떤 이유로 당신은 HTML5 데이터 속성을 업데이트 할 수있는 경우에만

이 사용하는 기본 값으로 데이터 속성을 사용 attr()

.attr('data-section_id','999')