未捕获的TypeError:listview没有方法'listview'

时间:2013-08-31 20:25:37

标签: javascript jquery ajax html5 mobile

在我的代码中,我正在尝试将项目添加到名为datalist的无序列表中 我得到数据并且我追加它,我试图让listview('refresh')工作,因为我希望添加的项目也具有与我最初在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>

1 个答案:

答案 0 :(得分:0)

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

删除第二个旧脚本包括:

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

它会正常工作。