jquery - 对象 [object Object] 在使用 jquery 将项目添加到列表时没有方法 'listview'

标签 jquery html jquery-mobile html-lists

我正在尝试将项目动态添加到 <ul> 中通过 jquery,并遵循文档 here

我似乎在为 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 控制台中看到的错误:

Uncaught TypeError: Object [object Object] has no method 'listview'

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

enter image description here

我试过在有和没有“刷新”的情况下调用 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();
                }
}

最佳答案

我猜你的 ListView 不是在你第一次添加项目时启动的。试试这个,例如:

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

关于jquery - 对象 [object Object] 在使用 jquery 将项目添加到列表时没有方法 'listview',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11722742/

相关文章:

列中途有第二个标题的 HTML 表格?

javascript - 用于从 html page1 到 page2 存储/传递值的脚本

javascript - 删除克隆元素上的 knockout js 绑定(bind)

javascript - AJAX 调用未按预期运行

php - 注意第11行的: Undefined variable: title in E:\xampp\htdocs\blog4\new-post. php

javascript - 强制 jQuery Mobile 使用自己的 CSS 类

javascript - jQuery 移动 css 和 js 不适用于使用 .load() 加载的内容

javascript - jQuery index() - 多级 <ul>

jquery - ASP MVC3 Ajax Razor View ,如何启用浏览器历史记录?

JavaScript:将文本复制到剪贴板并附加源超链接