Warum funktioniert diese jquery html() Funktion nicht?

-4

habe ich dieses sehr einfaches Beispiel einer jquery html() Funktion, aber es funktioniert nicht:Warum funktioniert diese jquery html() Funktion nicht?

<html> 
 
<head> 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script> 
 

 
    var html = "<div>Test</div>"; 
 
    $('#TestDiv').html(html); 
 

 
</script> 
 
</head> 
 
<body> 
 

 
    <div id="TestDiv" style="height:50px;width:50px;border:1px solid black;"></div> 
 

 
</body> 
 
</html>

View on JSBin

Jede Idee, was das Problem sein könnte?

Quelle

2016-10-05 user6867266

Bitte hier einen entsprechenden Code platzieren. Wenn Jsbin ausfällt, wird Ihre Frage nicht mehr beantwortet –

Um Ihre Frage zu beantworten, müssen Sie Ihren Code in einen document.ready-Handler einfügen. Weitere Informationen zu den Grundlagen von jQuery finden Sie hier: http://jqfundamentals.com/chapter/jquery-basics –

Sie benötigen die Funktion Dokument bereit. Ihr Code versucht, div Text hinzuzufügen, der noch nicht existiert. – Petroff

Sie vermissen bereit legte es auf docmuent

<html> 
 
<head> 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function() 
 
{ 
 
    var html = "<div>Test</div>"; 
 
    $('#TestDiv').html(html); 
 
} 
 
); 
 
</script> 
 
</head> 
 
<body> 
 

 
    <div id="TestDiv" style="height:50px;width:50px;border:1px solid black;"></div> 
 

 
</body> 
 
</html>

Quelle

2016-10-28 22:53:33 Byron

Warum funktioniert diese jquery html() Funktion nicht?

Antwort

Verwandte Themen