0

さまざまなデータを含む JSON ファイルを作成しました。

[
  {
    "date": "17.06.",
    "event": "The Stoles gig",
    "url": "http://thestoles.com/"
  },
  {
    "date": "25.06.",
    "event": "The Editors release an EP",
    "url": "http://theeditors.com/"
  }
]

リンクとして表示されない URL を除いて、すべてが HTML ファイルで正しくレンダリングされます。

これが私のコードです：

$(document).ready(function() {  
    $.getJSON('feeds.json', function(data){
        $.each(data, function(i, item){
            $('#feeds').append(item['date'] + item['event'] + item['url'] + "</br>");
        });
    });
});

助言がありますか？

4

2 に答える 2

1

これをするだけ...

リンクをタグに入れる必要があり<a>ます...

$(document).ready(function() {  
$.getJSON('feeds.json', function(data){
    $.each(data, function(i, item){
        $('#feeds').append(item.date + item.event + "<a href='"+item.url+"'>"+item.url+"</a></br>");
    });
   });
 });

または、実際にリンクを表示したくない場合は、イベント名だけをハイパーリンクします...

$(document).ready(function() {  
 $.getJSON('feeds.json', function(data){
    $.each(data, function(i, item){
        $('#feeds').append(item.date + "<a href='"+item.url+"'>"+item.event+"</a></br>");
    });
   });
 });
于 2013-06-16T09:56:38.607 に答える
1

アンカータグで URL を囲む必要があります。

$(document).ready(function() {  
    $.getJSON('feeds.json', function(data){
        $.each(data, function(i, item){
            $('#feeds').append(item['date'] + item['event'] + '<a href="'+item['url']+'">Link</a></br>');
        });
    });
});
于 2013-06-16T09:58:01.210 に答える