Question

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

这就是我所拥有的：

<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，而不是onClick，并且您有几个语法错误需要启动。

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

Answer 3

您使用jQuery的别名事件方法混淆了内联，DOM-zero事件（onClick）。

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

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

Answer 4

该方法的名称为click而不是onClick。

此外，删除提交按钮将阻止发布表单。隐藏它：

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

在.click之后使用replaceWith的问题

4 个答案: