javascript - ページを更新しないと jquery dialog.InnerHtml(some-content) を設定できません

Question

私のJSファイルで、コンテンツをポップアップダイアログに設定しようとしています。firebug で、ダイアログが開き、内容を で設定した後でもハングするのを見ました$(dialog).InnerHtml。しかし、これはページを更新すると機能します。

この動作の特定の理由はありますか?

Answer 1

.innerHTMLjQuery オブジェクトから直接設定することはできません。$.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" );

jQuery を扱うときは、要素ではなくオブジェクトを扱うことに注意してください。のような属性.innerHTMLは、DOM 内の要素には存在しますが、jQuery オブジェクト内には存在しません。jQuery には のようなメソッドが用意されている$.html()ため、 に触れる必要はありません.innerHTML。

Answer 2

これは行う方法です：

JavaScript の場合:

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

Jquery で:

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