Crear texto dinámicamente en el cuadro de diálogo

Question

¿Cómo puedo configurar dinámicamente el texto del cuadro de diálogo que estoy abriendo? He intentado algunas cosas diferentes, pero todas responden con un cuadro de diálogo vacío.

Aquí está mi intento actual:

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

Answer 1

Para la mejor práctica, trate de poner un div dentro de su div de diálogo y añadiendo texto para que en su lugar.

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

y luego estableciendo el texto de la división interna. Esto permite una mejor separación, por lo que tiene

• a div para manipular el diálogo n
• y un div para la visualización de texto

entonces se puede establecer el texto con

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

Answer 2

Utilice el signo más para concatenar cadenas:

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

Answer 3

dialog("open"); no es un método jQuery UI válida. (Y lo que dijo Mike sobre la concatenación con + en lugar de .

Check the documentation.

Answer 4

Aquí es una forma alternativa de crear diálogos sobre la marcha y la fijación de sus mensajes de forma dinámica:

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

verlo en acción: http://jsfiddle.net/DYbwb/

Answer 5

Aquí hay un ejemplo que muestra texto dinámico en un cuadro de diálogo jQueryui. El texto es de una respuesta ajax. El mensaje se muestra a continuación (¡más grande de lo que parece!).

$(".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) {} 
      } 
     }); 
});