0

こんにちは私はjavascriptが初めてです。jQueryの簡単なコードを書いたのですが、うまくいきません。実行すると空白のページが表示されます。誰か助けてくれませんか

    <html>
    <head>
    <script type = "text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">
    </script>
    </head>

    <body>
    <script type = "text/javascript">
    <div id = "myElement">
    <input id = "click" type = "button" value = "Click">
    </div>
    $(document).ready(function()
    {
        function sayHello(){
            alert("Hello jQuery");
        }

    $("#click").bind("button",sayHello);

    });
    </script>
    </body>
    </html>
4

3 に答える 3

2

スクリプト要素にhtmlマークアップがあり、イベントをバインドする必要がありますclick

<html>
    <head>
        <script type = "text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">
        </script>
    </head>

    <body>
        <div id = "myElement">
            <input id = "click" type = "button" value = "Click"/>
        </div>
        <script type = "text/javascript">
            $(document).ready(function() {
                function sayHello(){
                    alert("Hello jQuery");
                }

                //$("#click").bind("click", sayHello); // the event is called click not bind
                $("#click").on("click", sayHello); // on is the preferred way to register event handler

            });
        </script>
    </body>
</html>

デモ:プランカー

于 2013-08-23T06:38:26.890 に答える
0

JS コードと html 要素を混在させています。これは物事がどのように機能するかではありません。次のように、html 要素を から移動しますscript-

<div id = "myElement">
    <input id = "click" type = "button" value = "Click">
</div>

<script type = "text/javascript">
    $(document).ready(function()
    {
        function sayHello(){
            alert("Hello jQuery");
        }

        $("#click").bind("click",sayHello);
    });
</script>

ライブデモ。

于 2013-08-23T06:39:08.140 に答える
0 
<div id = "myElement">
    <input id = "click" type = "button" value = "Click">
    </div>

それはスクリプトの中に来ません..それはそれの外にあるべきです..

<script type = "text/javascript">
 $(document).ready(function()
    {
        function sayHello(){
            alert("Hello jQuery");
        }

    $("#click").bind("button",sayHello);

    });
    </script>
于 2013-08-23T06:39:17.827 に答える