Hilfe bei der Programmierung, Antworten auf Fragen / Javascript / JQuery funktioniert nicht mit dem folgenden Code: - Javascript, JQuery, HTML

Jquery arbeitet nicht an folgendem Code: - javascript, jquery, html

Dies ist der Code in der script.js:

$(document).ready(function() {
$("#mainobject").fadeOut("slow");
});

Und das ist der Code in der index.html:

    <!DOCTYPE html>
<html>
<head>

<title>Hitler Map</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
<script type="text/javascript" src="script.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

</head>

<body>
<div id="header">
<h1 id="title">
Content
</h1>
</div>

<div id="footer">

</div>

<div id="mainobject">content1
<div id="aides">subcontent
<ul id="list1">
<li class="items">nananana batman</li>
<li class="items">woohoo</li>
</ul>
</div>

<div id="family">Family
<ul id="list2">
<li class="items">spoder-man</li>
<li class="items">dolan</li>
</ul>
</div>
</div>



</body>
</html>

Das Stylesheet funktioniert einwandfrei, aber das Javascript funktioniert weder lokal noch auf einem Server. Bitte helfen Sie? Es ist ein genug einfacher Code.

Antworten:

2 für die Antwort № 1

Sie schließen Jquery nicht ein

Fügen Sie die folgende Zeile im head-Tag hinzu:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

Schließen Sie auch das ul-Tag

<ul>
<li id="mainobject">some content</li>
</ul>

1 für die Antwort № 2

Angenommen, Sie haben Ihrem Dokument das Jquery-Plugin hinzugefügt.

Und

Falscher HTML-Code

<ul>
<div id="mainobject">some content
<ul>

sollte sein

    <ul>
<li  id="mainobject">some content </li>  //seems here li.Div not allowed
</ul>

0 für die Antwort № 3

jQuery

 $(document).ready(function() {
$("#mainobject").fadeOut("slow");
});

HTML - Geändert <div> zu li, da div in einem nicht erlaubt ist <ul></ul> ungeordnete Liste. Stellen Sie immer sicher, dass Sie alle Elemente schließen, die in HTML geschlossen werden müssen. In deinem Sourcecode hast du vergessen das zu schließen <div> auf dem Sie jQuery verwenden wollten.

<head>

<title>some content</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
<script type="text/javascript" src="script.js"></script>

</head>

<body>
<div id="header">
<h1 id="title">
Some more content
</h1>
</div>

<div id="footer">

</div>

<ul>
<li id="mainobject">some content</li>
<ul>

Falls Ihre script.js nicht die jQuery-Bibliothek ist, fügen Sie sie der hinzu <head> Etikett

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

0 für die Antwort № 4

Sie müssen Ihr externes Skript NACH jQuery einfügen

0 für die Antwort № 5

Setzen Sie script.js unter die jquery, da dies von jquery abhängt

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="script.js"></script>

Hinweis: Verwenden Sie eine verkleinerte Version von jquery, um die Webseite zu vergrößern

benutzen <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> Anstatt von <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

Verwenden Sie auch das Jquery-Migrations-Plugin für nicht mehr empfohlene Funktionen

<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>

Jquery arbeitet nicht an folgendem Code: - javascript, jquery, html

Antworten:

Verwandte Fragen