未捕获的类型错误:列表视图没有方法'listview'

Uncaught TypeError: listview has no method 'listview'

本文关键字：有方法 listview 视图 列表 类型 错误      更新时间：2023-09-26

在我的代码中，我试图将项目添加到名为datalist的无序列表中我获取数据并将其附加，我试图让listview（"刷新"）工作，因为我希望添加的项目也与最初在我的ul中的其他项目具有相同的css和设计。但是我的控制台出现了错误（这个错误就是这个问题的标题）

我的代码是：

<!DOCTYPE html>
<html>
<head>
<title>Boot Camp</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
function getdata() {
$.ajax({
url:'http://api.rottentomatoes.com/api/public/v1.0/lists/movies/upcoming.json?page_limit=16&page=1&country=us&apikey=k4uaze4937mw3hf82upstxqw',
type:'GET',
//    contentType: "application/json",
dataType:'jsonp',
success:function(data){
    var movies = data.movies;
    var title1 = movies[0].title; 
    alert(data);
    alert(title1);
    $('#datalist').append('<li>'+title1+'</li>').listview('refresh');
},
error: function(xhr, textStatus, errorThrown){
        alert('request failed :'+xhr);
                    alert('request failed :'+textStatus);
    alert('request failed :'+errorThrown);
}
}); 
};
setInterval(getdata(), 10000);
</script>
</head>
<body>
<div data-role="header"> 
<h1>Upcoming Movies</h1> 
</div> 
<ul data-role="listview" id="datalist">
<li><img src="http://content8.flixster.com/movie/11/17/20/11172082_mob.jpg" class="ui-li-thumb"><h3 class="ui-li-heading">Warning</h3><p class="ui-li-desc">hot</p>        </li>
<li><a href="javascript:alert('hi')">Audi</a></li>
<li><a href="bmw.html">BMW</a></li>
</ul></body></html>

您正在加载两个版本的jQuery，因此第二个定义删除了第一个和绑定到它的其他插件。

删除第二个旧脚本，包括：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

它会很好用的。

相关文章：