Jquery Newseinträge in dom laden

Question

Ich möchte einfach meine Top 500 Nachrichten in mein DOM laden/anzeigen. Ich bin mir nicht sicher, warum es nicht auf meinem

angezeigt Und wenn es andere bessere Möglichkeit gibt, dies anzuzeigen? oder um es zu codieren? Vielleicht kann ich lernen.

var LoadNews = $("#hackernewsrss"); 
 

 

 
LoadNews.load(function(event) { 
 
    parseTopStories('https://hacker-news.firebaseio.com/v0/topstories', '#hackernewsrss'); 
 
}); 
 

 

 
function parseTopStories(url, container) { 
 
    var hackernewsAPI = "https://hacker-news.firebaseio.com/v0/topstories.json"; 
 
    $.getJSON(hackernewsAPI, function(json) { 
 
    var requests = []; 
 
    for (var i = 0; i < 10; i++) { 
 
     requests.push($.getJSON('https://hacker-news.firebaseio.com/v0/item/' + json[i] + '.json')); 
 
    } 
 
    $.when.apply($, requests) 
 
     .done(function() { 
 
     var results = [] 
 
      .slice.call(arguments); 
 
     var list = results.map(function(arr) { 
 
      var thetemplate = '<li><a href="' + arr[0].url + '">' + arr[0].title + '</a></li>'; 
 
      return thetemplate; 
 
     }); 
 
     $(container).html('<ol>' + list.join('') + '</ol>'); 
 
     console.log(container); //logs #hackernewsrss 
 
     }); 
 
    }); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="hackernewsrss"></div>

Kann mir jemand bitte helfen?

Answer 1

Wenn Sie versuchen:

$(function(){ 
     parseTopStories('https://hacker-news.firebaseio.com/v0/topstories', '#hackernewsrss'); 
}); 

alles gut geht.

Ich bin mir nicht sicher, warum Sie Load-Ereignis an das div angehängt haben. Es wird normalerweise verwendet, um auszulösen, wenn das Bild oder das Fenster geladen wird: JQuery reference