Question

可能重复：
JQuery code not working

我不能让我的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>

Click.js：

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

Answer 1

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

在代码或同等代码$( function() { });之前使用$(document).ready(function() { });进一步阅读为何使用它？见：Tutorial

Answer 2

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

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

the documentation中介绍了这一点。

Answer 3

这将有效：

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

我不能让我的jquery代码工作？

3 个答案: