我正在尝试将项目动态添加到 <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'
这是我在浏览器中看到的:
我试过在有和没有“刷新”的情况下调用 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/