在对话框中动态创建文本

ace*_*ger 12 jquery dialog jquery-ui

如何动态设置我打开的对话框的文本?我尝试了一些不同的东西,但他们都回复了一个空的对话框.

这是我目前的尝试:

$('#dialog').text('Click on the link to download the file:
'.data); $('#dialog').dialog("open");

dan*_*ano 27

为了获得最佳实践,请尝试在对话框div中放置一个div,然后将文本附加到该对话框中.

<div id="myDialog"><div id="myDialogText"></div></div>
Run Code Online (Sandbox Code Playgroud)

然后设置内部Div的文本.这样可以更好地分离,所以你有

  • 用于对话操作的div
  • 以及用于文本显示的div

然后,您可以使用

jQuery("#myDialogText").text("your text here");
Run Code Online (Sandbox Code Playgroud)


Cha*_*ehn 11

以下是动态创建对话框并动态设置其消息的另一种方法:

$('<div></div>').dialog({
    modal: true,
    title: "Confirmation",
    open: function() {
      var markup = 'Hello World';
      $(this).html(markup);
    },
    buttons: {
      Ok: function() {
        $( this ).dialog( "close" );
      }
    }   });  //end confirm dialog
Run Code Online (Sandbox Code Playgroud)

看到它在行动:http://jsfiddle.net/DYbwb/

  • div应该在关闭时销毁,不应该吗?我也不喜欢在open事件上设置文本.您可以创建一个Element,调用对话框并在关闭时将其销毁:http://jsfiddle.net/06nLLtbb/1/ (3认同)
  • 你发布这个帖子差不多一年了,我很高兴你做到了. (2认同)