查看从Json文件检索到<div>的视频

时间:2015-06-24 11:48:59

标签: javascript jquery json

我有以下代码将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());
        }*/


}'

0 个答案:

没有答案