Question

我正在使用Notepad ++，当我在浏览器中保存并运行此代码时，Jquery不起作用。

<!DOCTYPE html>
<html>
<head>
<title>Result</title
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel='stylesheet' type='text/css' href='style.css'/>
    </head>
    <body>
    <script>
    $(document).ready(function() {
    $("div").click(function() {
        $("div").fadeout('slow');
    });
}); 
</script>
        <div></div>  
        </script>
    </body>
</html>

的style.css

div {
    height: 100px;
    width: 100px;
    background-color: #FA6900;
    border-radius: 5px;
}

Answer 1

将fadeout替换为fadeOut

编辑：正如评论建议的那样，您的标题标签也需要关闭。

$(document).ready(function() {
  $("div").click(function() {
    $("div").fadeOut('slow');
  });
});

div {
  height: 100px;
  width: 100px;
  background-color: #FA6900;
  border-radius: 5px;
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div></div>

如果你只想让点击的div淡出

，你也可以用$(div)替换内部$(this)

$(document).ready(function() {
  $("div").click(function() {
    $(this).fadeOut('slow');
  });
});

div {
  height: 100px;
  width: 100px;
  background-color: #FA6900;
  border-radius: 5px;
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div></div>

JQuery无法正常工作，可能是源错误？

1 个答案: