1

次の単純な html ページは、[クリック] または [すべての段落を非表示] ボタンをクリックしたときに応答しません。 Firefox の「ソース ページの表示」をクリックしてクリックします。私のブラウザでのこのファイルの URL はmylocalhost:8080/ajaxAppJquery/tryAjax.jspです。

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

<html>
    <head>
        <title>Simple Ajax Example</title>
        <script src="jquery-1.9.1.min.js"></script>
        <script>
            $("#button").click(function(){
                alert("working");
                var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp";

                $("#result").load(url);
            });

            $("#hide").click(function(){
                $("p").hide();
            })
        </script>
    </head>
    <body>
        <input id="button" value="click" type="button"/>

        <input id="hide" value="hide all paragraphs" type="button"/>
        <p>paragraph 1</p>
        <p>paragraph 2</p>
        <p>paragraph 3</p>
        <p>paragraph 4</p>
        <p>paragraph 5</p>
        <p>paragraph 6</p>

        <div id="result"></div>
    </body>
</html>

#button をクリックしてもメッセージは警告されません。実際には jquery-ajax を試していますが、#hide ボタンでも機能しません。

4

3 に答える 3

2

使用可能になる前に、スクリプト内の html 要素にアクセスしています。スクリプトを配置するか、終了タグdocument.readyの直前にスクリプトを配置する必要がありますbody

$(document).ready(function(){
    $("#button").click(function(){
         alert("working");
         var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp";
         $("#result").load(url);
     });

     $("#hide").click(function(){
         $("p").hide();
     })    
});
于 2013-04-02T06:54:37.327 に答える
1

jquery コードを内部にラップする$(document.ready(function() {})か$(function() {});、DOM 全体を表示できるようにします。

$(document).ready(function(){
    $("#button").click(function(){
        alert("working");
        var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp";

        $("#result").load(url);
     });

     $("#hide").click(function(){
         $("p").hide();
     })
});
于 2013-04-02T06:55:12.200 に答える
1

DOM の準備ができたらイベントをバインドしてみてください

$(document).ready(function() {
  $("#button").click(function(){
    alert("working");
    var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp";
    $("#result").load(url);
  });

  $("#hide").click(function(){
    $("p").hide();
  })
});
于 2013-04-02T06:57:54.123 に答える