[jQuery] Re: hyperlinks don't work with blockui in IE

[Quayfee]

Hi Gordon,

I don't know if it's of any use to you, but I hit a similar issue
creating blockUI popups with external files as thier source.

I ended up with a solution that sounds simliar to what you're doing, I
create the div at the end of the page [$('body').append('<div
id="dialog"></div>')], then populate it (in my case from the external
file), then set a variable with the jQuery object for that div [var
dialogDiv = $('#dialog');], then use that object as the target for the
call to $.blockUI.

Here's my final working function:

function setDialog(srcFile) {
        $('body').append('<div id="dialog"></div>');
        $('#dialog').load('_dialogs/'+srcFile,'',function(){
                $.extend($.blockUI.defaults.overlayCSS, { backgroundColor:
'#333333', opacity: '0.5' });
                var dialogDiv = $('#dialog');
                $.blockUI(dialogDiv);
        });
};

I then have another function that destroys the generated code when a
user cilcks on a link or button in the external dialog  files. using
$.unblockUI() forllowed by $('#dialog').remove();

I also found that I had to be very careful about the z-index of
elements used for blockUI and ended up setting them very high in the
css file just to make sure :o)

I'm still pretty new to jQuery (only a week and a 1/2 on it so far)
but this might help...

Cheers

Keith