jquery-mobile - 空时如何在 jQuery Mobile ListView 中显示消息？

Question

我想在 jQuery 移动 ListView 没有元素时显示一条消息。例如：“没有元素。” 我该怎么做？

Answer 1

如果您正在动态生成列表视图并且找不到要显示的行，为什么不简单地显示一行并显示一条消息呢？

<ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Results</li>
    <li>No records found</li>
</ul>

http://jsbin.com/eyozis/1/edit

Answer 2

使用弹出窗口显示警告：

$('#index').live('pagebeforeshow',function(e,data){   
    if($('#test-list li').length === 0){
        setTimeout(function(){$('#MyFirstPopup').popup('open');},100);
    }
});

这是一个工作示例：http: //jsfiddle.net/Gajotres/wy5R3/