2010-07-01 30 views
0

我剛開始使用jquery。我下載的jQuery「http://code.jquery.com/jquery-1.4.2.min.js」從jquery.com..accessed在我的HTML文件..不能使用jquery

<html> 
<head> 
<title> Jquery fundentals</title> 
<script src="jquery-1.4.2.min.js" type="text/javascript"></script> 
<style type="text/css"> 
#box{ 
    background: red; 
    width: 300px; 
    height: 300px; 
} 
</style> 
<script type="text/javascript"> 
$(function(){ 
    $('a').click(function(){ 
     $('box').fadeOut(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <div id="box"> </div> 
    <a href="#"> Click Me! </a> 

    </body> 
</html> 

仍然無法看到瀏覽器中的效果?

也試過「http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js」......但沒有用 可以解釋一下這個問題嗎? 我試過三種瀏覽器。谷歌瀏覽器,Mozilla和Internet Explorer。

+0

您在文章中缺少一些代碼。 – spinon 2010-07-01 09:36:42

回答

0
$('a').click(function(){ 
    $('#box').fadeOut(); // # means id... 
    return false; // prevent jumping to another page... 
}); 
2
$('box').fadeOut(); 

需求是

$('#box').fadeOut(); 

,因爲你正在談論與ID框中的元素。它就像CSS一樣。

順便說一句,你也可能什麼該行(防止以下你點擊一個關於在這種情況下是「#」的href屬性的瀏覽器之後添加

return false; 

- 其中,如果該頁面已被向下滾動,會導致它滾動回頂部)

+0

確認 - 嘗試了這一點,併發揮作用。 – Piskvor 2010-07-01 10:34:01

1

我認爲螢火蟲是你最好的朋友現在的形式對:)

首先檢查是否jQuery是正確加載。例如,您可以使用此方法執行此操作:

$(document).ready(function() { 
     alert('hi'); 
    }); 

然後使用上面的一些選擇器。

0

您使用MooTools也可以在你的project.If是再使用

var $jq=jQuery.noConflict(); 

,然後現在使用$ JQ代替$。我覺得它的工作。在第二選擇

$(function(){ 
    $('a').click(function(){ 
     $('#box').fadeOut(); 
    }); 
}); 

注意

或U可以使用這個..

$(function(){ 
    $('a').click(function(){ 
     $('#box').fadeOut(); 
    }); 
}); 
+0

hey bhanu,我的錯誤是我沒有使用#,在盒子前面! – devang 2010-07-01 11:25:45

0

改變你的JavaScript這樣。它用於通過id查找元素。

Example

+0

謝謝Jens,我改變了,它開始工作..! – devang 2010-07-01 11:25:16

+0

不客氣。您應該注意和/或接受幫助您解決問題的答案 – jigfox 2010-07-01 11:59:12