Просмотр списка jQuery для мобильных устройств: изменение значения при нажатии - PullRequest
Новая
       9

Просмотр списка jQuery для мобильных устройств: изменение значения при нажатии

3 голосов
/ 07 марта 2012

У меня проблемы с формулировкой моего вопроса. Итак, у меня есть просмотр списка в jQuery mobile, и он был создан динамически. Вместо того, чтобы ссылаться на внешнюю страницу при нажатии на элемент списка, я просто хочу иметь возможность получить текст элемента, на который они нажали.

В моем случае это список имен, и я хочу знать, какое из них они нажали. Я создал список в HTML с: 

<div data-role="content" data-theme="b">

        <div id="friends_list_view" class="content-primary" data-theme="c"> 
            <ul data-role="listview" data-filter="true" data-theme="c">
            </ul>
        </div>  
    </div>

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

, а затем динамически обновлять его позже: 

var listString = null;
for(i in session_library){
        listString =  '<li><a href="#">'+session_library[i]['name']+'</a></li>';
        $("#friends_list_view ul").append(listString);

}

$("#friends_list_view ul").listview('refresh');

1 Ответ

8 голосов
/ 07 марта 2012

Предполагая, что ваш список будет выглядеть следующим образом: 

<ul data-role="listview" data-filter="true" data-theme="c" id="my_listview">
         <li>Row A</li>
         <li>Row B</li>
</ul>

вы можете зарегистрировать обработчик события щелчка, который вернет вам текст <li>, например, 

$('#my_listview').delegate('li', 'click', function () {
    alert(this.innerText);
} );    
​

Редактировать : изменено vclick на click.См. документацию .

...