Jquerymobile ListView

Question

Я использую следующий код для динамического создания списка.Это работает нормально, но когда я нажимаю на конкретный элемент списка, цвет шрифта выбранной строки должен стать желтым.Как я могу это сделать?

Заранее спасибо.

$('#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

это опечатка? $ ('# DateListView li ") должен иметь одинарные или двойные кавычки

Это:

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

Должно быть:

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

или

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

Также вы можете вызвать обновление после добавленной разметки

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

UPDATE:

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