将自定义点击事件添加到分割按钮列表视图中的仅次级按钮jquery mobile

Question

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

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

感谢所有帮助

Answer 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项目的数据测试属性的值。希望这可以帮助！

玩得开心...