Question

JSP代码是：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
 <%@ include file="headpl.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <script>
                $(document).ready(function(){

                    $('#editform').hide();

                    $("#clickedit").click(function(){
                        $("#editform").toggle(500);
                    });

                });
        </script>
    </head>
    <body>
        <hr width="1" size="600" style="position:absolute; left:450px; top:250px;" />
        <div id=edit  style="position:absolute; left:100px; top:600px;">
                <p><a id="clickedit" href="">Edit personal details </a></p>
        </div>

        <div id=editform style="position:absolute; left:100px; top:650px;">
            <form>
            <p>First name: <input type="text" name="fname" value="<%=request.getAttribute("fname")%>" required/>
            </p>
                    <p>Last name: <input type="text" name="lname" value="<%=request.getAttribute("lname")%>"/>
                    </p>
                    <p>E-mail:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="email" name="email" value="<%=request.getAttribute("email")%>"/>
                    </p>
                    <p>State:&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                        <input type="text" name="state" value="<%=request.getAttribute("email")%>"/>
                    </p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="submit" value="Save changes"/>
                    </p>
            </form>
        </div>
    </body>
</html>

jQuery代码无效。日食早先出现了错误：

处理指令未关闭。

但我做了Ctrl + A - ＆gt;退格 - ＆gt; CTRL + Z

并且错误已被删除我不知道如何，但错误消失了。

但jQuery代码仍无法正常工作。我没有看到任何错误，但有些人会这样做？我知道这个问题是可以接受的，但是我试了很长时间，看了其他类似的问题，但没有任何工作。

Answer 1

您需要禁用跟随链接的默认操作，该链接正在重新加载页面。

$(document).ready(function () {

    $('#editform').toggle();

    $("#clickedit").click(function (e) {
        e.preventDefault();
        $("#editform").show();
    });

});

DEMO

jQuery无法正常工作：处理指令未关闭

1 个答案: