javascript - 为什么 jquery 选择器不适用于新替换的标签?

标签 javascript jquery html jquery-selectors

为什么 jquery 选择器对新替换的标签不起作用。

我有一个简单的脚本,当用户点击submitResult 按钮 时,服务器端返回一个id="content"的新div,我使用了jquery replaceWith() 替换旧的。

我注意到 id="content" 元素被替换后,下次我点击 submitResult 时,它不会将数据发送到服务器端。仅供引用,此 submitResult id 位于新替换的元素内。

谁能告诉我如何刷新替换 html 标签,从而让 $("#submitResult").click(xxx) 再次工作?

谢谢

<html>
<head>
<script src="js/jquery/jquery-1.7.2.min.js"></script>
<script>
    function handleData(data, status) {
        $("#content").replaceWith(data);
    };

    $(document).ready(function() {
        $("#submitResult").click(function() {
            var $result = $("#result").val();
            $.get("e?result=" + $result, handleData);
        });
    });
</script>
</head>

<body>
        <div id="content">
            <div class="resultbox">
                    <input id="result" type="text" value=""></input>
                    <input id="submitResult" type="button" value="Submit"></input>
            </div>
        </div>

        <!-- other content -->

</body>
</html>

最佳答案

改变

$("#submitResult").click(function() {

$(document).on("click", "#submitResult", function() {

关于javascript - 为什么 jquery 选择器不适用于新替换的标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15446093/

相关文章:

javascript - 如何切换<td>的内容?

Jquery 拖放和克隆

javascript - 语法错误: Expected corresponding JSX closing tag for &lt;input&gt;

javascript - 如何更改输入标签对 addEventListener ('change' 的响应)?

jquery - 多个 jQuery slidetoggles 重叠

javascript - 解析错误: Unexpected character '�' when importing image

Javascript 减去纪元时间

javascript - HTML:将表单从 http 发布到 https

JavaScript 构造函数参数

javascript - 无法转换 javascript 参数