Pass dialog title variable in jQuery Dialog

Question

I need to pass the title of the jQuery dialog variably.

I am trying to use the "data" property like this:

jQuery( "#dialog" ).data( 'the_title', 'John Doe Dialog' ).dialog( "open" );
    
jQuery( function() {

    jQuery( "#dialog" ).dialog({       

        title: jQuery( "#dialog" ).data( 'the_title' ), 

    });

});

But it is not working, it is displaying the default title.

Any thought please?

djna · Accepted Answer · 2022-02-19 06:45:46Z

2

You can directly specify any of the dialogue options documented here, title being one such, I've added another couple of options as further examples.

jQuery( "#dialog" ).dialog({
    title: 'John Doe Dialog',
    width: '100px',
    height: '50px'
});

You can also specify any option after the dialog is created

$('#dialog').dialog();
$('#dialog').dialog('option', 'title', 'wibble');

hence you can use this chaining style of code:

$('#dialog').dialog().dialog('option', 'title', 'wibble');

edited Feb 19, 2022 at 6:45

answered Feb 19, 2022 at 6:37

djna

56.2k14 gold badges80 silver badges125 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

karlosuccess Over a year ago

Of course it worked. I love you pal. Thank you

Collectives™ on Stack Overflow

Pass dialog title variable in jQuery Dialog

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related