Jquerymobile ListView

Question

J'utilise le code suivant pour créer une liste dynamiquement. Cela fonctionne très bien mais quand je clique sur l'élément particulier de la liste, alors la couleur de police de la rangée choisie devrait devenir jaune. Comment puis-je le faire?

Merci d'avance.

$('#DateListView').children().remove('li'); 

     //Make a new list 
     var parent = document.getElementById('DateListView'); 

     for (var menuid = 0; menuid < weekStartDates.length; menuid++) { 
      var listItem = document.createElement('li'); 
      listItem.setAttribute('id', 'listitem_' + weekStartDates[menuid]); 
      listItem.innerHTML = "<div data-role='button' style='margin-left:10px;font-size:15px'data-theme ='c' id='" + menuId + "'>" + Hai +"</div>"; 

      parent.appendChild(listItem); 
     } 
     var list = document.getElementById('DateListView'); 
     $(list).listview("refresh"); 
     $('#DateListView li ").bind("click", function() { 
      $(this).setAttribute("style" , "font-color:yellow"); 

     }); 

Answer 1

Est-ce une faute de frappe? $ ('# DateListView li «) devrait avoir correspondance entre guillemets simples ou doubles

Ce:

$('#DateListView li ").bind("click", function() { 
    $(this).setAttribute("style" , "font-color:yellow"); 
}); 

devrait être:

$('#DateListView li').bind("click", function() { 
    $(this).setAttribute("style" , "font-color:yellow"); 
}); 

ou:

$("#DateListView li").bind("click", function() { 
    $(this).setAttribute("style" , "font-color:yellow"); 
}); 

aussi vous pourriez vouloir appeler l'actualisation après votre balisage ajouté

$("#DateListView li").bind("click", function() { 
    $(this).setAttribute("style" , "font-color:yellow"); 
}); 
$(list).listview("refresh"); // Move after added markup 

MISE À JOUR:

$("#DateListView li").bind("click", function() { 
    $(this).attr("style" , "font-color:yellow"); 
}); 
$(list).listview("refresh"); // Move after added markup