検索

ホームページ  >  に質問  >  本文

javascript - ブートストラップ コードによって生成されたモーダル ダイアログ ボックスが数回実行されます

リーリー

htmlコード

リーリー

追加ボタンをクリックすると、alert('1') が最初に実行され、次にダイアログ ボックスが表示されます。ダイアログ ボックスを閉じてから [追加] をクリックすると、alert('1') が表示されます。つまり、2 つの警告ボックスが表示されますが、alert('1') が完了するとモーダル ダイアログ ボックスがポップアップ表示されます。 [モーダル] ダイアログ ボックスを閉じてボタンを再度クリックすると、alert('1') が 3 回実行され、以下同様に実行されます。

そうすると、ボタンがクリックされた回数に応じて、以下のコードが複数回実行されるという理解で良いでしょうか。

リーリー

それでは、この問題はどのように解決すればよいでしょうか?

曾经蜡笔没有小新曾经蜡笔没有小新2794日前673

全員に返信(2)返信します

  • PHPz

    PHPz2017-05-19 10:22:10

    実際、私はフロントエンドの人間ではありませんが、この種の問題に遭遇しました。

    最初の方法: クリックイベントの外側にイベントを定義します

    リーリー

    2 番目の方法: 最初にイベントを削除してから、イベントをバインドします

    リーリー

    返事
    0
  • 世界只因有你

    世界只因有你2017-05-19 10:22:10

    この問題の理由を理解することはできませんでしたが、私の強引な解決策は、ダイアログボックスを閉じた後にダイアログボックスをremove()することで、問題は解決されました。

    JSコード

    リーリー

    返事
    0
  • キャンセル返事