我有以下代码将json文件中的视频显示到列表视图中,我希望能够在从json文件加载视频后点击列表项后查看视频。
$(document).ready(function(){
getVideos();
});
function getVideos() {
var newsfeed = '';
console.log("get vids");
$.ajax({
url: 'video.json',
dataType: 'json'
}).done(function (data){
console.log("response = " + JSON.stringify(data));
data.forEach(function (item) {
var title = item.Title;
var image = item.Image;
var date = item.Date;
var id = item.id;
newsfeed = '<li><a href="#detailinfo" id="VideoFeeds"data-key="'+ item.id + '">';
newsfeed += '<img height="80" width="85" src="' + item.Image + '" />';
newsfeed += '<h3>' + item.Title + '</h3>';
newsfeed += '<p>' + item.Date + '</p>';
newsfeed += '</a></li>';
$('#listoffeeds').append(newsfeed);
});
console.log("string - " + JSON.stringify(newsfeed));
$('#listoffeeds').listview('refresh');
}).fail(function(error){
console.log("error - " + JSON.stringify(error));
});
/*error: function(error){
$('#status').text('Failed to get a feed...');
console.log("error - " + error.toString());
}*/
}'