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>

Click.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 に答える