0

ボタンをクリックしても表示されalert('clicked')ない理由は次のとおりです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title></title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="Base64.js" type="text/javascript"></script>
        <script type="text/javascript">
            $("#Button1").click(function () {
                alert('clicked');
            });
        </script>
    </head>

    <body>
        <form name="input" action="">Username:
            <input type="text" id="username" value="" />
            <br />Password:
            <input type="text" id="password" value="" />
            <br />
            <input type="button" id="Button1" value="Submit" />
            <div>Login Test 1.htm</div>
        </form>
    </body>

</html>
4

4 に答える 4

6

スクリプトが実行されるとき、ボタンはまだ DOM に存在しません。DOM の準備が整うまで待ちますjQuery.ready:

$(document).ready(function() {
    $("#Button1").click(function(){alert('clicked');});
});

または、ボタンを追加した後のどこかでスクリプトを実行することもできます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title></title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="Base64.js" type="text/javascript"></script>
    </head>

    <body>
        <form name="input" action="">Username:
            <input type="text" id="username" value="" />
            <br />Password:
            <input type="text" id="password" value="" />
            <br />
            <input type="button" id="Button1" value="Submit" />
            <div>Login Test 1.htm</div>
        </form>
        <script type="text/javascript">
            $("#Button1").click(function () {
                alert('clicked');
            });
        </script>
    </body>

</html>
于 2012-06-21T02:39:33.847 に答える
3

これを試して 、

$(document).ready(function () {
    $("#Button1").click(function(){
        alert('clicked');
    });
});
于 2012-06-21T02:41:34.093 に答える
0

実際のデモ http://jsfiddle.net/69v27/4/

次のように、コードで Jquery をソースしてみてください。

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>

コード

$(document).ready(function() {

    $("#Button1").click(function() {
        alert('clicked');
    });

});​
于 2012-06-21T02:39:45.093 に答える
0

jQuery ステートメントを次のように囲む必要があります。$(function() { ... });

于 2012-06-21T02:40:59.573 に答える