作成後に外部関数からjQuery UIダイアログサイズを変更する

Question

jQuery関数の外部から以下のsetMainWindowSizeを呼び出すことができない理由がわかりませんでした。誰かが助けますか？ありがとうございました。

<script type="text/javascript"> 
    var mainWindowDiv = $('<div />', {'id': 'mainWindow', 'title': 'Main Window'}); 
    $(function(){ 
      $('body').append(mainWindowDiv); 
      mainWindowDiv.dialog({ 
       position: 'center', 
       resizable: true, 
      }); 
      //this would work 
      setMainWindowSize(800,600); 
    }); 

    function setMainWindowSize(width, height) 
    { 
     mainWindowDiv.dialog('option', 'width', width); 
     mainWindowDiv.dialog('option', 'height', height); 
    }; 

    //this will fail 
    setMainWindowSize(800,600); 
</script> 

Answer 1

私は、文書の$(function(){待ちが発射する前に準備ができていると信じています。準備ができていない機能のため、最初に終了したsetMainWindowSize(800,600);が最初にオフになります。 DOMの準備が完了した後

理想的に、あなたの$(function(){ });

Answer 2

setMainWindowSize(800,600);内のコードのあなたのすべてを持っているでしょうが呼び出されなければなりません。ここでは、divにダイアログボックスが含まれる前でもそれを呼び出しています。