jQuery Mobile：$(...).listview 不是函数

Posted 2023-05-09

【中文标题】jQuery Mobile：$(...).listview 不是函数

【英文标题】：jQuery Mobile: $(...).listview is not a function

【发布时间】：2015-09-15 20:51:26

【问题描述】：

在 UL 中动态插入 LI 元素后，我正在尝试刷新 jQuery Mobile 中的列表视图。 每当我尝试$("#myUL").listview('refresh'); 时，在控制台上都会出现错误：

未捕获的类型错误：$(...).listview 不是函数

我该如何解决这个问题？

【问题讨论】：

.listview() is not a function error when creating a dynamic listview in jquery mobile 的可能重复项

您是否将 jQuery 移动库包含到您的网站/页面中？

myUL 是#ul1，所以代码是：$(#ul1).listview('refresh');我包括： code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

什么时候调用 listview("refresh")？

我正在使用 xmlhttp 来执行对 php 文件的 ajax 调用，并将输出扔到我的 ul (#ul1) 中。所以刷新是在函数的最后，使用 xmlhttp.responseText

【参考方案1】：

确保在头部的 jquery.mobile 之前包含 jquery

... src="lib/jquery-1.11.3.min.js"
... src="lib/jquery.mobile-1.4.5.min.js"

在刷新之前检查 DOM 是否准备就绪：

$(document).ready(function()
    $('#playlist').listview('refresh');
);