No se puede establecer el diálogo de jquery.InnerHtml (some-content) sin actualizar la página

Question

En mi archivo JS, estoy tratando de establecer el contenido en un cuadro de diálogo desplegable. En Firebug, vi que se abre el diálogo y se cuelga incluso después de que configuré el contenido por $(dialog).InnerHtml. Pero esto funciona cuando actualizo la página.

¿Algún motivo en particular para este comportamiento?

Answer 1

No puede establecer .innerHTML directamente fuera del objeto jQuery. En su lugar, debe establecer $.html().

// jQuery doesn't have an innerHTML property, so this is wrong 
$("#dialog").innerHTML = "This is the wrong way"; 

// jQuery has an html() method that sets the html within your dialog 
$("#dialog").html("And this is the correct way"); 

Tenga en cuenta que cuando se trata de jQuery, se trata de un objeto y no de un elemento. Los atributos como .innerHTML existen en elementos dentro del DOM, pero no dentro del objeto jQuery. jQuery proporciona métodos como $.html() para que no tenga que tocar .innerHTML.

Answer 2

Esta es la manera de hacerlo:

En javascript:

document.getElementById('dialog').innerHTML = 'something'; 

En Jquery:

$("#dialog").html('something');