ajouter un événement de clic personnalisé aux seuls boutons secondaires de la liste des boutons partagés jquery mobile

Question

J'ai actuellement une vue de liste de boutons divisée avec id=bookmarkslist. Chaque li dans la liste est un élément de vue de liste de bouton divisé avec une donnée ('item') liée à chaque li. Je voudrais être en mesure d'écrire du code qui crée un événement de clic seulement lorsque le bouton secondaire, le bouton de vue partagée, est poussé. Je dois alors pouvoir accéder à l'attribut de données de l'élément li donné (le parent de l'élément a avec class=ui-li-link-alt qui vient d'être cliqué.) Je comprends qu'il y a plusieurs façons de faire cela, c'est ce que j'ai fait jusqu'ici:

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

Merci pour toute l'aide

Answer 1

Voici ma façon de le faire:

le code 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> 

Le code JQM:

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

Cette alertera la valeur de l'attribut de votre test de données sur l'élément LI cliqué. J'espère que cela t'aides!

Amusez-vous ...