2つのjQuery関数を結合するには？

Question

最初の関数（http://nadiana.com/jquery-confirm-pluginで見つけることができる）：

$('#confirm').confirm(
{ 
    msg: 'You are about to delete gallery and all images related to that gallery. Are you sure?<br>', 
    buttons: { 
    separator: ' - ' 
    } 
} 
); 

は基本的にはい/いいえの質問はありません、あなたがはい答える場合、それがさらに進行。

セカンド機能：

$(document).ready(function() { 
    $('#load').hide(); 
}); 
$(function() { 
    $(".delete").click(function() { 
     $('#load').fadeIn(); 
     var commentContainer = $(this).parent(); 
     var id = $(this).attr("id");    
     var string = 'id='+ id ; 

     $.ajax({ 
      url: "<?php echo site_url('gallery/delete_image') ?>", 
      type: "POST", 
      data: string, 
      cache: false, 
      success: function(){ 
       commentContainer.slideUp('slow', function() {$(this).remove();}); 
       $('#load').fadeOut(); 
      } 
     }); 
     return false; 
    }); 
}); 

この機能は、画像を削除するためです。 どうすればこの2つの機能を組み合わせることができますか？最初に私は質問をしたいと思って、はいが削除を続行するためにクリックされた場合。

Answer 1

あなたは、あなたは、単に同じ両方のあなたの行動のためのセレクタと、あなたの確認に使用するリンクのドキュメントによると：私は、誰かが言うとき、愛する

$(document).ready(function() { 
    $('#load').hide(); 

    $(".delete").click(function() { 
     $('#load').fadeIn(); 
     var commentContainer = $(this).parent(); 
     var id = $(this).attr("id");    
     var string = 'id='+ id ; 

     $.ajax({ 
      url: "<?php echo site_url('gallery/delete_image') ?>", 
      type: "POST", 
      data: string, 
      cache: false, 
      success: function(){ 
       commentContainer.slideUp('slow', function() {$(this).remove();}); 
       $('#load').fadeOut(); 
      } 
     }); 
     return false; 
    }); 



    $('.delete').confirm(
    { 
     msg: 'You are about to delete gallery and all images related to that gallery. Are you sure?<br>', 
     buttons: { 
     separator: ' - ' 
     } 
    }); 
}); 

Answer 2

これはあなたが選んだプラグインに関連するより多くの質問ですが、プラグインのマニュアルで読むことができるように、両方のイベントを同じ要素に追加するだけで、プラグインは残りのことを行います。サイトから

：

は、簡単に言えば、それは、要素にバインドされたすべてのイベントハンドラのコピーを保存し、それらをアンバインドし、代わりに自身をバインドします。ユーザーがアクションをトリガーすると、確認ダイアログが表示されます。ユーザーがアクションを続行することを選択した場合は、ハンドラーを再バインドしてイベントをトリガーします。ユーザーがアクションのキャンセルを選択すると、ダイアログが消えます。

だから、あなたが何をする必要があるかのようなものです：あなたが必要で、これを拡張することができます。もちろん、

$('#delete').click(function(){ ... }); 
$('#delete').confirm(); 

。