jQuery Mobile - изменение списков и обновление углов

Question

У меня есть список jQuery Mobile с использованием стандартной темы.

Если я манипулирую DOM с помощью jQuery и удаляю верхний или нижний LI (закругленные углы), как мне заставить его снова закруглять углы??Спасибо!

Answer 1

Live Примеры:

• http://jsfiddle.net/B7nhA/2/ (проблема)
• http://jsfiddle.net/B7nhA/4/ (решение)

JS

$('ul#listOfSheets li:first').remove(); // removes the first li
$('#listOfSheets').listview('refresh'); // refreshes the ul list

HTML

<div data-role="content" data-theme="b">    
    <div>
        <ul id="listOfSheets" data-role="listview" data-inset="true">
            <li class="hidden"><a href="#" data-ajax="false">Link 1</a></li>
            <li class="hidden"><a href="#" data-ajax="false">Link 2</a></li>
            <li class="hidden"><a href="#" data-ajax="false">Link 3</a></li>
        </ul>
    </div>  
</div><!-- /content -->

Answer 2

Я думаю, что все ответы здесь верны, и я виноват в том, что не предоставил мою разметку. Но для моей проблемы оказалось, что я обращался к своему списку () с помощью селектора потомков вместо идентификатора.

Например:

<ul data-role="listview" data-inset="true" data-theme="b" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">

Затем я бы добавил LI к DOM, используя jQuery. После добавления LI создается впечатление, что виджет роли данных в виде списка сам не инициализируется.

При доступе к идентификатору вы можете просто обновить. Однако при доступе к классу или потомку может произойти ошибка при выполнении следующего:

var list = $('#message-listing ul');
list.listview('refresh');

Ошибка возврата:

Uncaught cannot call methods on listview prior to initialization; attempted to call method 'refresh'

Решение:

var list = $('#message-listing ul');
list.listview();
list.listview('refresh');

Дополнительная литература:

Ссылка: http://forum.jquery.com/topic/wish-listview-refresh-would-go-away

Answer 3

думаете, что вы удалили все LI-закругленные углы, попробуйте получить первый и последний LI через class / id и удалите закругленные углы явно только для этих двух?