0

私のコードでは、datalist という順序付けられていないリストにアイテムを追加しようとしています。もともと私のULにあった他のアイテム。しかし、コンソールにエラーが表示されます（エラーはこの質問のタイトルです）

私のコードは次のとおりです。

<!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>
4

1 に答える 1

0

2 つのバージョンの jQuery をロードしているため、2 番目の定義はそれにバインドされている最初のプラグインと他のプラグインを削除します。

2 番目の古いスクリプト インクルードを削除します。

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

そしてそれはうまくいくでしょう。

于 2013-08-31T21:03:09.890 に答える