在 jQuery 对话框中传递对话框标题变量

Question

我需要可变地传递 jQuery 对话框的标题。

我正在尝试像这样使用“数据”属性：

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

    jQuery( "#dialog" ).dialog({       

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

    });

});

但它不起作用，显示的是默认标题。

有什么想法吗？

Answer 1

您可以直接指定任何对话选项documented here, title 作为其中之一，我添加了另外几个选项作为进一步的示例。

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

您还可以在创建对话框后指定任何选项

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

因此您可以使用这种链接式代码：

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