2012-12-06 128 views
2

我想從一個列表項目中刪除箭頭圖標與jquery事件。jquery mobile,列表,隱藏箭頭圖標

一個列表項:

<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'>確實刪除它!

回答

0

data-*屬性通過data支持。嘗試使用 -

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

,再後來,你可以檢查使用 -

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

使用這些數據不會從箭頭-R更改爲false(或任何其他圖標我將它設置爲),但圖標依舊顯示器。 – Fred

+0

@Fred:可能您需要明確地將圖標可見性設置爲false,或者存在其他一些機制來隱藏它。 –