javascript - jQueryを使用してボタンをクリックしてアラートメッセージをポップアップする方法

Question

警告メッセージをポップアップ表示できません。他のすべての jQuery コードが機能しているので、ライブラリを正しくリンクしたことがわかります。重要な文書のどこにそれを入れたのだろうか？

HTML:

<button type="button" class="cancelForm">Cancel</button>

jQuery:

   $(".cancelForm").submit(function(){
     alert('Are you sure you want to cancel?');
   });

更新: まだ動作させることができませんでした。後でラベルを付け直してみる。ヒントをありがとう。

$(".cancelForm").on('click', function(){
alert('Are you sure you want to cancel?');
});

score 0 · Accepted Answer

送信時ではなく、クリック時が必要です。

$(".cancelForm").click(function()

また、ボタンのクラスを別の名前で呼び出します (現在、これは「cancelForm」です。これは、それがフォームであることを意味し、混乱を招きます。また、後でコードを維持する必要がある開発者を混乱させる可能性があります。

また、alert() ではなく、jquery ダイアログを使用してメッセージを表示します。

score 0 · Accepted Answer

この JavaScript を機能させるには、ボタンタイプを「送信」にする必要があります。それ以外の場合は、ボタンの onclick イベントハンドラーが必要になります。

score 0 · Accepted Answer

私はそれを機能させましたが、コードを document.ready セクション内に配置しました。助けてくれてありがとう

3 に答える 3