将自定义单击事件添加到拆分按钮列表视图jquery mobile中的辅助按钮

时间:2011-11-22 06:42:13

标签: listview jquery-mobile

我目前有一个带id=bookmarkslist的拆分按钮列表视图。列表中的每个li都是一个拆分按钮列表视图元素,其中包含与每个li绑定的数据('item')。我希望能够编写仅在按下辅助按钮(拆分视图按钮)时创建单击事件的代码。然后我需要能够访问给定li元素的数据属性(a元素的父元素与class=ui-li-link-alt刚刚被点击。我知道有很多不同的方式要做到这一点,这就是我到目前为止所做的:

$('#bookmarkslist SOMETHINGGOESHERE').live('click', function () {
    alert( $(this).data('item')['url'] );
});

感谢所有帮助

1 个答案:

答案 0 :(得分:1)

这是我的方法:

HTML代码段:

<ul id="bookmarkslist" data-role="listview">
    <li data-test="whatever1"><a href="#">test #1</a><a href="#">1.2</a></li>
    <li  data-test="whatever2"><a href="#">test #2</a><a href="#">2.2</a></li>
    <li  data-test="whatever3"><a href="#">test #3</a><a href="#">3.2</a></li>    
</ul>

JQM代码:

$("#bookmarkslist a.ui-li-link-alt").live("click", function(e){
      alert($(this).parent("li").jqmData("test")) 
});

这将警告所单击的LI项目上的data-test属性的值。希望这有帮助!

玩得开心......