Динамически создавать текст в диалоговом окне

Question

Как я могу динамически установить текст диалогового окна, которое я открываю? Я пробовал несколько разных вещей, но все они отвечают пустым диалоговым окном.

Вот моя текущая попытка:

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

Answer 1

Для лучшей практики, попробуйте положить DIV внутри диалогового DIV и добавления текста к тому, что вместо этого.

<div id="myDialog"><div id="myDialogText"></div></div> 

, а затем в результате чего вы создадите для лучшего разделения, поэтому у вас есть

• a div for dialog manipulatio п
• и DIV для отображения текста

Вы можете установить текст с

jQuery("#myDialogText").text("your text here"); 

Answer 2

Используйте символ плюс для конкатенации строк:

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

Answer 3

dialog("open"); не является допустимым метод JQuery UI. (А что сказал Майк о конкатенации с + вместо .

Check the documentation.

Answer 4

Вот альтернативный способ создания диалоговых окон на лету и динамической настройки их сообщения:

$('<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 

в действии: http://jsfiddle.net/DYbwb/

Answer 5

Вот пример, показывающий динамический текст в диалоговом окне jQueryui. Текст получен из ответа ajax. Сообщение показано ниже (больше, чем оно появляется!).

$(".info").click(function(event){ 
    event.preventDefault(); 
    $id = $(this).attr("id"); 
    $.ajax({ 
      type: "POST", 
      url: 'my_code.php', 
      data: {query:"info", rowid: $id}, 
      success: function(data) { 
       try { 
        obj = JSON.parse(data); 
        var str = ''; 
        for (var i in obj) { 
         str += i + ":" + obj[i] + "<br />"; 
         if (i == "id") str += "<hr />"; 
        } 
        $("#dialog-1").html(str).dialog(); 
        $("#dialog-1").dialog('open'); 
       } catch (e) {} 
      } 
     }); 
});