htmlコード
リーリー追加ボタンをクリックすると、alert('1') が最初に実行され、次にダイアログ ボックスが表示されます。ダイアログ ボックスを閉じてから [追加] をクリックすると、alert('1') が表示されます。つまり、2 つの警告ボックスが表示されますが、alert('1') が完了するとモーダル ダイアログ ボックスがポップアップ表示されます。 [モーダル] ダイアログ ボックスを閉じてボタンを再度クリックすると、alert('1') が 3 回実行され、以下同様に実行されます。
そうすると、ボタンがクリックされた回数に応じて、以下のコードが複数回実行されるという理解で良いでしょうか。
リーリーそれでは、この問題はどのように解決すればよいでしょうか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
実際、私はフロントエンドの人間ではありませんが、この種の問題に遭遇しました。
最初の方法: クリックイベントの外側にイベントを定義しますリーリー
2 番目の方法: 最初にイベントを削除してから、イベントをバインドしますリーリー
この問題の理由を理解することはできませんでしたが、私の強引な解決策は、ダイアログボックスを閉じた後にダイアログボックスをremove()することで、問題は解決されました。
JSコード
リーリー