Question

我的页面中有一个div和一个锚点链接，我正确引用了jQuery。它是这样的：

<div id="tools"></div> <!---- which has width and height , .. --->
<a class="navtab" href="#" id="onoff">Forum Tools</a>

之后我把这段代码：

<script>
$("#onoff").click(function {
   $("#tools").fadeOut(2000);
});
</script>

当我点击链接时，我希望div在2秒后淡出。但没有任何反应.. 但是当我将它用作一个没有任何事件的简单陈述时，它完美地运作：

<script>
$("#tools").fadeOut(2000);
</script>

确保没有任何错误我将整个代码放入.load事件：

<script>
$(document).ready(function() {
$("#onoff").click(function {
   $("#tools").fadeOut(2000);
});
});
</script>

但仍然没有机会：|

我的代码出了什么问题？任何帮助将不胜感激。

Answer 1

function之后你遗漏了括号。

$("#onoff").click(function {

应该是

$("#onoff").click(function() {

Answer 2

点击后需要添加（）<功能

$("#onoff").click(function{

到

$("#onoff").click(function(){

此外，如果您不使用，浏览器支持可能会出现问题：

<script type="text/javascript">

在调用任何jQuery功能之前，请务必确保包含jQuery文件：

<script type="text/javascript" src="/path/to/my/jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#onoff").click(function(){
      $("#tools").fadeOut(2000);
    });
  });
</script>

功能齐全的例子：

http://jsfiddle.net/TaW6Z/

点击jQuery中的事件不能像我期望的那样工作

2 个答案: