tags:

views:

247

answers:

1

I'm trying to add a button onclick event to a button tag when I load my Fancybox popup using the following code:

var processOrder = function(id) {
    $('#processPopupLink').fancybox({
        'hideOnContentClick': false,
        'frameWidth': 850,
        'frameHeight': 695
    }).click();

    $('#processComplete').click(function() {
        alert('debug');
    });
}

However, it's not showing the message box when I click the button, I have no idea why it is not working, any help would be appreciated.

EDIT

I'm not wanting it to click the button, I'm wishing for it to add an onclick to an existing button on the fancybox popup, when the fancybox popup is opened.

+1  A: 

From the Fancybox API:

onComplete - Will be called once the content is displayed.

$('#processPopupLink').fancybox({
    onComplete: function() { 
        $('#processComplete').click(function() 
            {
               alert('debug');
            }); 
    }
});
GenericTypeTea
Nice one, had to update Fancybox, and this solution worked.
Tom Bell
No problem matey.
GenericTypeTea