jquery를 통해 사용자 지정 속성 값이 변경되지만 렌더링 된 html에 변경 내용이 표시되지 않습니다.

Question

툴팁에 balloon.css를 사용하고 있습니다.

요소의 툴팁 텍스트는 맞춤 속성 'data-balloon'에서 가져옵니다.

동적으로 툴팁 텍스트를로드하고 싶습니다.

jquery를 통해 변경할 수 있지만 새 텍스트는 표시된 html에 렌더링되지 않습니다.

HTML 코드 아래 언급 :

<div id="instruction_div_main" data-balloon="Original text"></div> 

JQuery와 코드 아래 언급 : 여기

내 코드입니다

alert($("#instruction_div_main").attr("data-balloon")); 
// alert shows "Original text" 

$("#instruction_div_main").attr("data-balloon","New Text"); 

alert($("#instruction_div_main").attr("data-balloon")); 
// alert shows "New text" 

하지만 지금은 그 DIV에 마우스를 가져 가면을, 그것은하지 않습니다 새 텍스트를 보여줍니다. 여전히 "원본 텍스트"를 보여줍니다.

왜 그런가요? 잘못된.

FYI : title 속성과 비슷한 문제가 있습니다.

** 업데이트 ** 나는 JQuery와 UI 대화 상자에 표시되는 일부 아이콘이 툴팁하고

. 아이콘을 숨기고 일부 라디오 버튼을 표시하는 대화 상자에 뒤로 버튼이 있습니다. 라디오 버튼을 선택하면 아이콘이 다시 나타나 라디오 버튼이 사라집니다. 그리고 이번에는 툴팁이 새로워졌습니다. 위 코드를 사용하고 있지만 원본 텍스트는 속성 값이 변경되었지만 아이콘 툴팁에 렌더링되지 않는 것을 볼 수있는 곳입니다.

Answer 1

살펴 첨부 미리보기를 바랍니다. 당신은 속성을 변경 한 후 도구 설명을 다시 초기화해야