1

可能重复：
JQuery 代码不工作

我不能让我的 jquery 工作......这就是我想要做的：

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />

    <link rel="stylesheet" href="try_1.css">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/click.js"></script>
  </head>
  <body>
    <input type="button" value="Hide" id="hide_message"/>
    <p id="message">This is a message</p>
  </body>
</html>

点击.js：

$('#hide_message').click(function() {
    $('#message').hide();
});
4

3 回答 3

7 
$(function() {
    $('#hide_message').click(function() {
        $('#message').hide();
    });
});

$( function() { });在您的代码或等效代码之前使用$(document).ready(function() { });为了进一步阅读，为什么要使用它？见：教程

于 2013-01-08T13:02:35.733 回答
4

您的代码将在元素存在之前执行，因此无法将事件处理程序绑定到它。将代码包装在$(document).ready()处理程序中，以便在 DOM 准备好（并且元素存在）后执行。

$(document).ready(function() {
    $('#hide_message').click(function() {
        $('#message').hide();
    });
});

这在文档中有所介绍。

于 2013-01-08T13:03:53.600 回答
0

这将起作用：

$(document).ready(function() {
    $('#hide_message').click(function() {
        $('#message').hide();
    });
});
于 2013-01-08T13:46:30.497 回答