2010-07-01 66 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