2

我正在尝试通过 jquery 将项目动态添加到一个中，并在此处<ul>遵循文档

我似乎正在为listview调用而苦苦挣扎......

这是我的 HTML：

<ul data-role="listview" id="tweets">
        <li><a href="astra.html">Astra</a></li>
        <li><a href="ford.html">Ford</a></li>
        <li><a href="triumph.html">Triump</a></li>
        <li><a href="chevrolet.html">Chevrolet</a></li>
        <li><a href="dodge.html">Dodge</a></li>
    </ul>

这是我的jQuery：

$("#tweets").append("<li>Nissan</li>");
                $("#tweets").listview("refresh");

这是我在 Chrome JS 控制台中看到的错误：

未捕获的类型错误：对象 [object Object] 没有方法“listview”

这是我在浏览器中看到的：

在此处输入图像描述

我试过在有和没有“刷新”的情况下调用listview，两者似乎都给出了同样的错误，我做错了什么？

我已经查看了大约 5 个之前的 SO 问题，但他们的答案都没有帮助。

编辑：

我已经在元素中有以下<head>内容：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

编辑 2

单击按钮后正在执行上述javascript，不确定是否有任何效果...

HTML：

<a href="#" data-role="button" onclick="getTweets()">GetTweets</a>

JS：

function getTweets() {
// some static value for now, to get it working...
    $("#tweets").append("<li>Nissan</li>");

try {
                    $('#tweets').listview('refresh');
                } catch(e) {
                    $('#tweets').listview();
                }
}
4

2 回答 2

1

我猜您的列表视图在您第一次添加项目时没有启动。试试这个，例如：

try {
    $('#tweets').listview('refresh');
} catch(e) {
    $('#tweets').listview();
}
于 2012-07-30T13:47:50.400 回答
0

您的错误是未定义 jQuery Mobile。它包含在 jQuery 之前吗？你是否以某种方式超越了 jQuery？我需要更多代码来帮助您解决这个问题。

于 2012-07-31T16:55:39.963 回答