jquery zeigt keinen Inhalt an

I dieses einfache Stück Testcode zum Durchlaufen und Anzeigen von Inhalt aus einem Array. Wenn ich es in meinem Browser starte, werden keine Fehler angezeigt oder ausgeführt.jquery zeigt keinen Inhalt an

<html> 
    <head> 
    <title>jquery each test</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 
     <script type="text/javascript"> 
      var arr = ["One", "Two", "Three", "Four", "Five"]; 
      var task = ""; 
      $(document).ready(
       $.each(arr, function(index, value) { 
       task += value + "<br>"; 
       $('div.content').html(task); 
       })); 
     </script> 
    </head> 
    <body> 
     <div class="content"></div> 
    </body> 
</html>

Quelle

2016-07-12 PoorYorick

Sie haben Fehler in Ihrem Code. Überprüfen Sie die Konsole, um mehr zu erfahren. –

Ihre Ready-Funktion Code ändern mit Zeile nach

$(document).ready(function(){ 
      $.each(arr, function(index, value) { 
      task += value + "<br>"; 
      $('div.content').html(task); 
      })});

Quelle

2016-07-12 12:05:05

Ja, das hat funktioniert! Vielen Dank! – PoorYorick

Hallo PoorYorick akzeptieren Sie die Antwort, wenn es für Sie arbeitet, danke .. –

Wie in document-ready Dokumentation beschrieben:

$(document).ready(function() { 
    YOUR CODE HERE 
});

So sollte Ihr Code sein:

var arr = ["One", "Two", "Three", "Four", "Five"]; 
 
var task = ""; 
 
$(document).ready(function() { 
 
    $.each(arr, function (index, value) { 
 
    task += value + "<br>"; 
 
    $('div.content').html(task); 
 
    }); 
 
});

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

 
<div class="content"></div>

Eine kürzere Form ist:

$(function() { 
     $.each(arr, function (index, value) { 
      task += value + "<br>"; 
      $('div.content').html(task); 
     }); 
    });

Quelle

2016-07-12 12:08:26 gaetanoM

jquery zeigt keinen Inhalt an

Antwort

Verwandte Themen