javascript - .click 後の replaceWith の使用に関する問題

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は notonClickです。

また、送信ボタンを削除すると、フォームが投稿されなくなります。代わりに非表示にします:

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

Answer 2

関数の名前は でありclick、 ではなく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

click代わりに使用するのが最適ですonClick