jquery ".off"を使用して1つのイベントハンドラを削除する

Question

このコードをどこかから借用して、あるブートストラップモーダルから別のブートストラップモーダルに切り替えることができました。スイッチの後、ハンドラをオフにして、最初のモーダルを閉じるたびに切り替わらないようにします。私の問題は、モーダル切り替え機能を使用すると、のみ特定のイベントハンドラをオフにすることなく、特定のモーダルが終了したときに他のイベントをオフにすることができないことです。助言がありますか？あなたはswitchModals外にこの行を配置する必要があり

//switch modals 
function switchModals(fromModal, toModal) { 
    $(fromModal).on('hidden.bs.modal', function (e) { 
     $(toModal).modal('show'); 
     //clear this function so it doesn't show up if they exit the window again 
     $(fromModal).off('hidden.bs.modal'); 
    }); 
    $(fromModal).modal('hide'); 
} 

Answer 1

は私が解決策を見つけました。私はちょうど関数に固有の名前空間をハンドラに与えなければなりませんでした。次に、 ".off（）"メソッドで名前空間でバインド解除します。私は名前空間として "switch"を選択しました。

//switch modals 
function switchModals(fromModal, toModal) { 
    $(fromModal).on('hidden.bs.modal.switch', function (e) { 
     $(toModal).modal('show'); 
     //clear this function so it doesn't show up if they exit the window again 
     $(fromModal).off('.switch'); 
    }); 
    $(fromModal).modal('hide'); 
} 

Answer 2

$(<FromModalId>).modal('hide'); 

Answer 3

例えば、hidden.bs.modalコールバック内this代わりのfromModalを使用してみてください

//switch modals 
function switchModals(fromModal, toModal) { 
    $(fromModal).on('hidden.bs.modal', function (e) { 
     $(toModal).modal('show'); 
     //clear this function so it doesn't show up if they exit the window again 
     $(this).off('hidden.bs.modal'); 
    }); 
    $(fromModal).modal('hide'); 
} 

Answer 4

はモーダルを切り替えるには、次の試してみてください。

var el = fromModal+','+toModal; 
    $(el).on('hidden.bs.modal', function (e) { 
     $(el).not(this).modal('show'); 
     $(this).modal('hide'); 
    });