内部での.clickイベントによるライブクリックバインド。再帰の防止

Question

clickイベントにfancyboxを追加し、fancyboxを使用するclickイベントを呼び出す.liveを使用してjqueryイベントをバインドしています。ここで再帰を防ぐ方法はありますか：

$('.remindMe').live('click', function (e) { 
     $(this).fancybox({ 
      'padding': 0, 
      'width': '235', 
      'height': '375', 
      'autoDimensions': false, 
      'hideOnOverlayClick': false, 
      'onComplete': function() { 
       $('div.formControls .bigpinkbutton').click(function() { 
        $('div.reminder-header h2').text("Reminder Sent"); 
        $('div.reminder-header h2').css('border-bottom', 'none'); 
        $('div.reminder-header h2').css('margin-bottom', '0'); 
        $('div.reminder-header h2').css('padding-bottom', '15px'); 
        $('div.reminder-header span').fadeOut(); 
        $('div.reminder-body p').first().html("<strong>Thank you.</strong> This notice is to confirm your product reminder email has been sent."); 
        $('div.reminder-body div.formControls').fadeOut(); 
        var id = $(this).parent().parent().parent().parent().attr("id").replace("remindme", ""); 
        var email = $(this).parent().find("#reminder_email").val(); 
        $.post(baseURL + "SendReminder", { "email": email, "productID": id }); 
       }); 
      } 
     }).trigger("click"); 
); 

ありがとう。

Answer 1

この

$('.remindMe').live('click', function (e) { 

     $(this).fancybox({ 
      'padding': 0, 
      'width': '235', 
      'height': '375', 
      'autoDimensions': false, 
      'hideOnOverlayClick': false, 
      'onComplete': function() { 
       $('div.formControls .bigpinkbutton').click(function() { 
        $('div.reminder-header h2').text("Reminder Sent"); 
        $('div.reminder-header h2').css('border-bottom', 'none'); 
        $('div.reminder-header h2').css('margin-bottom', '0'); 
        $('div.reminder-header h2').css('padding-bottom', '15px'); 
        $('div.reminder-header span').fadeOut(); 
        $('div.reminder-body p').first().html("<strong>Thank you.</strong> This notice is to confirm your product reminder email has been sent."); 
        $('div.reminder-body div.formControls').fadeOut(); 
        var id = $(this).parent().parent().parent().parent().attr("id").replace("remindme", ""); 
        var email = $(this).parent().find("#reminder_email").val(); 
        $.post(baseURL + "SendReminder", { "email": email, "productID": id }); 
       }); 
      } 
     }).triggerHandler("click"); 
); 

Answer 2

試してみてください。

$('.remindMe:not(.bigpinkbutton)').live('click', function (e) { 

お知らせ:not()句。

Answer 3

が手動呼び出し構文を使用してみてください。

$('.remindMe').live('click', function (e) { 
    $.fancybox({ 
     'href': this.href, 
     'padding': 0, 
     'width': '235', 
     'height': '375', 
     'autoDimensions': false, 
     'hideOnOverlayClick': false, 
     'onComplete': function() { 
      $('div.formControls .bigpinkbutton').click(function() { 
       $('div.reminder-header h2').text("Reminder Sent"); 
       $('div.reminder-header h2').css('border-bottom', 'none'); 
       $('div.reminder-header h2').css('margin-bottom', '0'); 
       $('div.reminder-header h2').css('padding-bottom', '15px'); 
       $('div.reminder-header span').fadeOut(); 
       $('div.reminder-body p').first().html("<strong>Thank you.</strong> This notice is to confirm your product reminder email has been sent."); 
       $('div.reminder-body div.formControls').fadeOut(); 
       var id = $(this).parent().parent().parent().parent().attr("id").replace("remindme", ""); 
       var email = $(this).parent().find("#reminder_email").val(); 
       $.post(baseURL + "SendReminder", { "email": email, "productID": id }); 
      }); 
     } 
    }); 
);