2011-11-22 8 views
0

現在、分割ボタンリストビューにid=bookmarkslistがあります。リスト内の各liは、各liに関連付けられたデータ( 'item')を含む分割ボタンリストビュー要素です。私は、セカンダリボタン、スプリットビューボタンが押されたときにのみクリックイベントを生成するコードを書くことができるようにしたいと思います。私は次に与えられたli要素(要素の親であるclass=ui-li-link-altの親要素)のデータ属性にアクセスできるようにする必要があります。これを行うにはさまざまな方法があります。スプリットボタンリストビューのセカンダリボタンのみにカスタムクリックイベントを追加するjquery mobile

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

すべてのヘルプ

答えて

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項目のデータ・テスト属性の値を警告します。お役に立てれば!

楽しんでください...

関連する問題