2010-12-16 63 views
4

有人知道它爲什麼不起作用?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> 

請幫助

回答

14

裹點擊功能在文檔準備功能或把你的代碼放在網頁的底部。

執行腳本時#main元素不存在。

例如:

<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

這是一兩件事,我不喜歡jQuery的 - 當您選擇任何對象,它返回一個有效的,但空對象。我知道這個功能很有用,但對初學者來說也很粗糙,而且很難調試。 – 2010-12-16 16:51:52