2010-12-16 13 views
4

jemand weiß, warum es nicht funktioniert ??jquery .click href

<script src="http://code.jquery.com/jquery-1.4.4.js"></script> 
<script> 
    $('#main').click(function() { 
    alert('foobar'); 
    document.location.href='02.html'; 
    }); 

</script> 
<style type="text/css"> 
    body {margin:0px; background:#f2f2f2;} 
    #main {background:url(01.jpg) top center no-repeat; height:1745px; width:100%; text- align:center; overflow-x:hidden; cursor:pointer; cursor:hand;} 
</style> 
</head> 
<body> 
    <div id="main"></div> 
</body> 

pls help

Antwort

14

Wickeln Sie die Klick-Funktion in einem Dokument-Ready-Funktion oder legen Sie den Code am unteren Rand der Seite.

Das Element #main existiert nicht, wenn das Skript ausgeführt wird.

Beispiel:

<script src="http://code.jquery.com/jquery-1.4.4.js"></script> 
<script> 
$(document).ready(function() { 
    $('#main').click(function() { 

    document.location.href='02.html'; 
    }); 
}); 
</script> 
+1

Das ist eine Sache, die ich über jQuery nicht mögen - es gibt ein gültiges, noch leer, Objekt, wenn Sie keine Objekte auswählen. Ich weiß, dass die Funktionalität nützlich ist, aber es ist auch schwierig für Anfänger und schwer zu debuggen. –