2013-06-16 3 views
0

Я создал JSON-файл с различными данными:Как создать ссылку HTML?

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

Все отображается правильно в HTML-файле, для URL, который не показывает в качестве ссылки, за исключением.

Вот мой код:

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

Любые предложения?

ответ

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>"); 
    }); 
    }); 
}); 
+0

Это лучший ответ, чем @Mr. Bombastic – EmRa228

+0

эй, ребята, ни одно из вышеперечисленных не работает. Если я гиперссылку его внутри кода, ссылка просто не отображается вообще – Jack

+0

Попробуйте сейчас, может быть? – KyleK

1

Вы имеете в sourround в 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>'); 
     }); 
    }); 
}); 
+1

У вас есть синтаксическая ошибка .... Im gonna let you find it :) – KyleK

+1

@KyleK Спасибо за советы - позор мне. Это фиксированная. :-) –

+1

Нет проблем, я всегда ненавижу, когда люди указывают на мою синтаксическую ошибку и исправляют ее для меня .... Мне очень нравится ее найти, поэтому я предполагаю, что другие могут захотеть ...: P – KyleK

Смежные вопросы