Как обновить представление списка в свернутом div - PullRequest
Новая
       27

Как обновить представление списка в свернутом div

0 голосов
/ 19 марта 2012

Я использую jQuery Mobile listview внутри разборного div. Представление списка имеет data-inset = true Метод .listview ('refresh') не работает, если div свернут.

См. jsfiddle для примера.

JavaScript: 

var count = 1;

$('.add').click(function() {
    $('#1, #2').append('<li>' + count + '</li>');
    $("ul").listview('refresh');
    count++;
});

HTML: 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

<div id="page1" data-role="page">
    <div data-role="content">
        <a class="add" href="#">Add Item</a>
        <ul id="1" data-inset="true" data-role="listview">
            <li data-role="list-divider">List 1</li>
        </ul>
        <div data-role="collapsible">
            <h3>Collapsible</h3>
            <ul id="2" data-inset="true" data-role="listview">
                <li data-role="list-divider">List 2</li>
            </ul>
        </div>
    </div>
</div>

1 Ответ

1 голос
/ 21 марта 2012

Читая ответы на другие обнаруженные мной вопросы, можно вызвать метод listview('refresh') с дополнительным параметром: 

listview('refresh',true)

Я не нашел документации об этой возможности, поэтому не могу объяснить, почему это решает проблему.

Вы можете проверить решение здесь: http://jsfiddle.net/giofiddle/bxHjS/

Bye

...