Question

I have a jquery event binding using .live that adds fancybox to the click event, then calls the click event to use fancybox. Is there a way to prevent recursion here:

$('.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");
);

Thanks very much.

Answer 1

Try this

$('.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");
);