ボタンをダブルクリックして2つの同一のBoostrapダイアログが開かないようにする方法は？

Question

ダイアログをロードしてユーザーがボタンをダブルクリックするのに時間がかかる場合、2つの同じダイアログが画面にポップアップします。私はそれが起こらないようにしたい。

$("#ShowUpCallTag").on('click', function (e) { 
     $.ajax({ 
      url: '/Ship/CallTags/Dialog/' + $(e.target).data('calltagid'), 
      type: 'get', 
      datatype: 'json' 
     }).done(function (data) { 
      var dialog = main.ship.calltags.dialog.buildDialog(data); 
      dialog.open(); 
     }); 
    }); 

Answer 1

あなたのコードの問題は、ダイアログが開いているかどうかわからないことだと思います。私は何になります

1. 例えば、あなたのjQueryのコールよりも同じスコープ内の変数を作成します：var dialogOpened = false
2. あなたのクリックハンドラ関数では、あなたのdone(function (data) {})コールバックではAJAX呼び出しにいる場合のみdialogOpened === false
3. を行いますdialogOpenedをtrueに設定し、ブートストラップが発生したイベントを待ち受けて、ユーザーによってモーダルが閉じられたことを確認します（Bootstrap Modal Eventsを参照）
4. モーダルが閉じられたら、dialogOpenedをfalseに戻します。
5. 私は良い習慣であると考えているもの：クリックをバインドする要素がボタンの場合、ユーザーがクリックした直後に無効にすることができます。

Answer 2

  var isModelDialogOpen = false; 
      $("#ShowUpCallTag").on('click', function (e) { 
      if (isModelDialogOpen == false) { 
       isModelDialogOpen = true; 

       //Popup call tag dialog. 
       $.ajax({ 
        url: '/Ship/CallTags/Dialog/' + $(e.target).data('calltagid'), 
        type: 'get', 
        datatype: 'json' 
        .done(function (data) { 
         var dialog = main.ship.calltags.dialog.buildDialog(data); 
         dialog.open(); 
        }) 
        .always(function (data) { 

         isModelDialogOpen = false; 
        }); 
      } 
     });