jquery 모바일, 목록, 화살표 아이콘 숨기기

Question

jquery 이벤트가있는 목록 항목에서 화살표 아이콘을 제거하려고합니다.

한 목록 항목 :

이

<li class='message_list'><a id='message_list_item' href='#'> 
<h3>Sender</h3> 
<p><strong>Subject</strong></p> 
<p>Body Text</p> 
<p class='ui-li-aside'><strong>Time</strong>am</p> 
</a></li> 

스크립트 :

$(".message_list").swipeleft(function(event) { 
    event.stopImmediatePropagation(); //prevent from firing twice 
    $(this).attr('data-icon', 'false'); 
    $("#test_display").html("Worked");  

    return false; 
}); 

테스트 HTML 업데이트, 그래서 스크립트가 활성화됩니다. 그러나 왜 그 속성 변경 작업을하지 않는 이유는 무엇입니까?

퍼팅 <li data-icon='false' class='message_list'> 그래도 제거 할 수 있습니다!

Answer 1

data-* 속성은 data을 통해 지원됩니다. 사용해보십시오 - 다음

$(this).data('icon', 'false'); 

하고 나중에 사용 확인하실 수 있습니다 -

$(this).data('icon'); // will return false if set to false.