Question

我在可折叠div中使用jQuery Mobile listview。 listview的data-inset = true 如果div被折叠，.listview（'refresh'）方法不起作用。

有关示例，请参阅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>

Answer 1

阅读其他问题的答案，我发现可以使用额外的参数调用方法listview('refresh')：

listview('refresh',true)

我没有找到关于这种可能性的文档，所以我无法解释为什么这会解决这个问题。

您可以在此处测试解决方案：http://jsfiddle.net/giofiddle/bxHjS/

再见

如何刷新折叠div中的listview

1 个答案: