简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 削除をクリックすると、削除するかどうかを確認するプロンプトボックスが表示され、OKをクリックした後、ajaxイベントが実行されます。
淡淡烟草味
淡淡烟草味 2017-06-26 10:57:50
0
6
1347

[削除]をクリックすると、削除するかどうかを確認するプロンプトボックス(モーダルボックス)が表示され、[OK]をクリックすると、ajaxイベントが実行されます。

私はフロントエンド コンテンツを初めて使用するため、このポップアップ ボックスを実装するためのソース コードが見つかりません。 ＃＃＃消去＃＃＃

は、class="js-ajax-dialog-btn" による固定スタイルのポップアップ ボックスです。

2 つの jquery コード $(.js-ajax-dialog-btn") を検索しました。ブロックされていても、ポップアップ ボックスは表示されます。

上司のアイデアはとても良いです、ありがとう!

キャッシュが強力すぎるため、見つけたコードは正しいため、ソース コードを変更しました。 。

淡淡烟草味
淡淡烟草味

全員に返信 (6)
ringa_lee
ringa_lee2017-06-26 10:59:50 6棟

ajax を実行するには「はい」または「いいえ」を確認してください。

いいねを押す+0
返信を追加
    小葫芦
    小葫芦2017-06-26 10:59:50 5棟

    返されたtrueかfalseを判断します
    trueであればajaxを実行
    falseし、モーダルボックスを閉じます
    ならOKです。

    いいねを押す+0
    返信を追加
      给我你的怀抱
      给我你的怀抱2017-06-26 10:59:50 4棟

      結果を追求しないなら、ただ

      リーリー

      何か美しいものが必要な場合は、さまざまな UI ライブラリを探してください。たとえば、これが見つかります
      https://ethaizone.github.io/B...

      いいねを押す+0
      返信を追加
        给我你的怀抱
        给我你的怀抱2017-06-26 10:59:50 3棟

        削除をクリックすると、ポップアッププロンプトボックスのイベントのみをバインドし、確認ボタンのイベントをバインドし、対応するajaxリクエストを作成します。

        いいねを押す+0
        返信を追加
          为情所困
          为情所困2017-06-26 10:59:50 2棟

          「削除」をクリックすると、モーダルボックスが表示され、ajax イベントを確認ボタンにバインドし、「OK」をクリックして非同期に実行できます。

          いいねを押す+0
          返信を追加
            刘奇
            刘奇2017-06-26 10:59:50 1棟

            シンプルで便利なレイヤープラグインの使用をお勧めします。
            プロンプトの例:

            リーリー
            いいねを押す+0
            返信を追加
              人気のトピック
              詳細>
              人気の記事
              人気のチュートリアル
              詳細>
              関連するチュートリアル
              人気のおすすめ
              最新のコース
              最新のダウンロード
              詳細>
              ウェブエフェクト
              公式サイト
              サイト素材
              フロントエンドテンプレート
              私たちについて 免責事項 Sitemap
              PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！