0

これが読み込まれない理由がわかりません。どんな助けでも素晴らしいでしょう。

//images.json

{  
 "images": [
  {"title": "Image One", "url": "image1.jpg"},
  {"title": "Image Two", "url": "image2.jpg"},
  {"title": "Image Three", "url": "image3.jpg"}
 ]
}

//application.js

function loadImages(url, container) {
    //get the JSON object
    $.getJSON(url, function (data) {
        if (typeof data === 'object') {
            $.each(data['images'], function (key, image) {
                var mylist = '<li><img src="' + image['url'] + '" alt="' + image['title'] + '"></li>';
                $(body).append(mylist);
            });
        }
    });
};


 $(function(){
     loadImages('images.json', '#mylist');
  });

//html

 <ul id="mylist"></ul>
4

4 に答える 4

1

そのはず：

$(container).append(mylist);
于 2013-02-26T03:29:02.477 に答える
0

もう 1 レベルのループが必要です。

$.each(data, function (key, image) {
    $.each(image, function(i,val){
        var mylist = '<li><img src="' + val.url + '" alt="' + val.title + '"></li>';
        $('body').append(mylist);
    })
});

もちろん、コンテナに追加したい場合は、 $('body') を $(container) に変更します

于 2013-02-26T03:45:29.990 に答える
0

あなたはここで引用符を逃しました：

$(body).append(mylist);

そのはず：

$('body').append(mylist);
于 2013-02-26T03:31:56.820 に答える
0

のようなもの$(body)はありません$('body')。また、あなたの場合はそうでなければなりません$(container)

于 2013-02-26T03:32:41.223 に答える