Javascript 未捕获类型错误:listview没有方法';listview';
在我的代码中,我试图将项目添加到名为datalist的无序列表中 我获取数据并添加它,我试图让listview(“刷新”)正常工作,因为我希望添加的项目也具有与我的ul中最初的其他项目相同的css和设计。但是我的控制台中出现了错误(错误是这个问题的标题) 我的代码是:Javascript 未捕获类型错误:listview没有方法';listview';,javascript,jquery,ajax,html,mobile,Javascript,Jquery,Ajax,Html,Mobile,在我的代码中,我试图将项目添加到名为datalist的无序列表中 我获取数据并添加它,我试图让listview(“刷新”)正常工作,因为我希望添加的项目也具有与我的ul中最初的其他项目相同的css和设计。但是我的控制台中出现了错误(错误是这个问题的标题) 我的代码是: <!DOCTYPE html> <html> <head> <title>Boot Camp</title> <link rel="stylesheet" href
<!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>
新兵训练营
函数getdata(){
$.ajax({
网址:'http://api.rottentomatoes.com/api/public/v1.0/lists/movies/upcoming.json?page_limit=16&page=1&country=us&apikey=k4uaze4937mw3hf82upstxqw',
类型:'GET',
//contentType:“应用程序/json”,
数据类型:'jsonp',
成功:功能(数据){
var movies=data.movies;
var title1=电影[0]。标题;
警报(数据);
警报(标题1);
$(“#数据列表”).append(“”+title1+” ).listview('refresh');
},
错误:函数(xhr、textStatus、errorshown){
警报(“请求失败:”+xhr);
警报('请求失败:'+文本状态);
警报('请求失败:'+错误抛出);
}
});
};
setInterval(getdata(),10000);
即将上映的电影
- 警告热
您正在加载两个版本的jQuery,因此第二个定义将删除第一个和绑定到它的其他插件
删除第二个旧脚本,包括:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
而且它会很好地工作。为什么您的站点上有两个
jquery
lib?