1

当单击“单击”或“隐藏所有段落”按钮时,以下简单的 html 页面没有响应。我已经包含了 jquery lib“jquery-1.9.1.min.js”,我可以看到它的所有内容在 Firefox 的“查看源页面”中单击它。这个文件在我的浏览器中的 url 是:mylocalhost:8080/ajaxAppJquery/tryAjax.jsp。使用 Netbeans IDE。

<!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 回答