jquery mobile,list,hide arrow icon

时间:2012-12-06 03:29:15

标签: jquery list

我正在尝试使用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'>会删除它!

1 个答案:

答案 0 :(得分:0)

data支持

data-*个属性。尝试使用 -

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

然后您可以使用 -

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