javascript - .click 后使用 replaceWith 的问题

Question

可能是一个简单的菜鸟错误，但我无法弄清楚。我有一个提交按钮，在用户单击它后，我希望它消失并替换为“感谢提交您的信息”。

这是我所拥有的：

<script>

$(document).ready(function() {

$('#emailsubmit').onClick(function() {
$(this).replaceWith('<p>Thanks for signing up!</p>');

)};
)};

</script>

<input id="emailsubmit" name="submit" type="submit" value="Send " />

对我来说看起来不错，但点击时，什么也没有发生。任何建议将不胜感激。

Answer 1

你最好使用click而不是onClick

Answer 2

该函数的名称是click, not onClick，并且您有几个语法错误要引导。

$(document).ready(function() {
    $('#emailsubmit').click(function() {
        $(this).replaceWith('<p>Thanks for signing up!</p>');
    });
});

Answer 3

您将内联的 DOM 零事件 ( onClick) 与 jQuery 的别名事件方法混淆了。

jQuery 有一个click方法（简称on('click...）但没有onClick()方法。这会引发错误，这意味着您应该始终先咨询浏览器控制台。

$('#emailsubmit').on('click', function() {...

Answer 4

该方法名为clicknot onClick。

此外，删除提交按钮将使表单无法发布。改为隐藏它：

$(this).hide().after('<p>Thanks for signing up!</p>');