Questo è il codice in script.js:
$(document).ready(function() {
$("#mainobject").fadeOut("slow");
});
E questo è il codice in 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>
Il foglio di stile funziona bene, ma Javascript non funziona né localmente né su un server. Per favore aiuto? È un codice abbastanza semplice.
risposte:
2 per risposta № 1Non stai includendo Jquery
Aggiungi la seguente riga all'interno del tag head:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
Chiudi anche il tag ul
<ul>
<li id="mainobject">some content</li>
</ul>
1 per risposta № 2
Supponendo che tu abbia aggiunto il plugin Jquery al tuo documento.
E
HTML sbagliato
<ul>
<div id="mainobject">some content
<ul>
dovrebbe essere
<ul>
<li id="mainobject">some content </li> //seems here li.Div not allowed
</ul>
0 per risposta № 3
jQuery
$(document).ready(function() {
$("#mainobject").fadeOut("slow");
});
HTML - Cambiato <div>
a li
, poiché div non è consentito all'interno di un file <ul></ul>
lista non ordinata. Assicurati sempre di chiudere tutti gli elementi che devono essere chiusi in HTML. Nel tuo codice sorgente hai dimenticato di chiudere il file <div>
su cui volevi usare jQuery.
<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>
Nel caso in cui il tuo script.js non sia la libreria jQuery, aggiungi nel file <head>
etichetta
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
0 per risposta № 4
devi includere il tuo script esterno DOPO jQuery
0 per risposta № 5
Metti script.js sotto jquery, perché dipende da jquery
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="script.js"></script>
Nota: usa la versione minimizzata di jquery accelera la pagina web
uso <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
invece di <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
Utilizza anche il plug-in di migrazione Jquery per funzioni deprecate
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>