event for when dialog is fully loaded

Asked Mar 01 '13 at 23:10

Active Mar 01 '13 at 23:23

Viewed 100 times

I am trying to add a jscrollpane to a dialog once the dialog is loaded. I tried using the dialogopen and dialogfocus events but it seems these trigger too early. Is there an event I can subscribe to that tells me the dialog is fully loaded and displayed and its safe to call jscrollpane? Right now i'm just adding a half second timeout but that seems hacky and shows the user a broken dialog for a half second.

Any other solutions would also be welcome.

$("#diagBox").load($(this).attr('href'), function() {
        $dialog.imagesLoaded(function() {

            $dialog.dialog('open');
            $dialog.dialog("option", "position", "center");
            setTimeout(function(){
                $('input, textarea').placeholder();
                $('.scroller').jScrollPane();
                positionElements();
            },500);


        });
    });

edited Mar 01 '13 at 23:23

asked Mar 01 '13 at 23:10

Lumpy

3,632
4
34
58

Could you provide jsfiddle example? – Dom Mar 01 '13 at 23:20
working on a jsfiddle, might take a while to make it compact enough – Lumpy Mar 01 '13 at 23:23
What version of jQuery UI are you using? – Explosion Pills Mar 01 '13 at 23:58
jquery UI version 1.9.2 – Lumpy Mar 02 '13 at 00:04
Having trouble making the jsfiddle. As you see my code loads a separate page and I can't do that in jsfiddle. – Lumpy Mar 02 '13 at 00:06
@Lumpy I believe that this is a "bug" in jQuery UI 1.9 (or they accidentally removed the feature) that has been restored in jQuery UI 1.10 – Explosion Pills Mar 02 '13 at 00:14
@Explosion Pills thanks, this worked. now to discover all the other bugs this upgrade has created. – Lumpy Mar 02 '13 at 00:33
@Lumpy see: http://stackoverflow.com/questions/14741483/animation-complete-dialog – Explosion Pills Mar 02 '13 at 00:34

event for when dialog is fully loaded

0 Answers0