jQuery移动错误"无法在初始化之前调用listview上的方法"

Question

我正在动态填充<ul data-role="listview">然后调用location.href="#Results"列表所在的位置listview('refresh').

所有这些都是在同一页面成功回调Ajax请求时完成的.它的工作或多或少,但我收到以下错误:

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

我猜jQuery mobile还没有构建listview.我能做什么？

Answer 1

只需先调用listview方法,不需要任何参数:

$('#myListview').listview().listview('refresh');

解决方案取自http://www.gajotres.net/uncaught-error-cannot-call-methods-on-prior-to-initialization-attempted-to-call-method-refresh/

Answer 2

您应该检查它是否已经初始化,刷新列表以防它初始化,否则触发按以下方式创建:

if ( $('#myListview').hasClass('ui-listview')) {
    $('#myListview').listview('refresh');
     } 
else {
    $('#myListview').trigger('create');
     }

Answer 3

我有同样的错误.我通过在查询中添加":visible"来解决它,因此只有在列表可见时才会运行.

所以你的代码看起来像这样:

$('#myListview:visible').listview('refresh');

对我来说工作得很好!

Answer 4

http://jquerymobile.com/demos/1.1.0/docs/api/events.html 你必须挂钩pageinit事件.在此之前,您无法调用任何JQM方法.即:

$('#Results').bind('pageinit', function() {
  $('#myListview').listview('refresh');
});