jquery - 实时点击绑定(bind)，内部有 .click 事件。防止递归

Question

我有一个使用 .live 的 jquery 事件绑定(bind)，它将 fancybox 添加到单击事件，然后调用单击事件以使用 fancybox。有没有办法防止这里递归:

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