加載後Div位置爲0

Question

加載頁面後，div的位置爲0,0。
但它的位置正確。如何在一開始就獲得正確的位置？ 我以JFiddle爲例說明了這個問題。點擊按鈕後，位置值是正確的。

<div data-role="page" id="homepage"> 

    <div data-role="header"> 
      <h1>Home</h1> 

    </div><!-- /header --> 

    <div data-role="content" id="homecontent">  
<p><a href="#page1">Page1</a></p>   
    </div><!-- /content --> 

    <div data-role="footer"> 
      <h4>&nbsp;</h4> 
    </div><!-- /footer --> 

</div><!-- /page --> 

<div data-role="page" id="page1"> 

    <div data-role="header"> 
      <h1>Page1</h1> 
    </div><!-- /header --> 

    <div data-role="content" id="page1content">  

    </div><!-- /content --> 

    <div data-role="footer"> 
      <h4>&nbsp;</h4> 
    </div><!-- /footer --> 

</div><!-- /page --> 

==== 

jQuery(document).ready(function(e) { 
    initThis(); 
});  


function initThis() { 

    $('#page1content').append('<div id="isodivi"></div>').trigger("create"); 
    $('#isodivi').height(100); 
    $('#isodivi').width(600); 
    $('#isodivi').css("background-color", "lightgreen"); 
    var test = $('#isodivi').position().left +" "+ $('#isodivi').position().top; 
    $('#isodivi').html(test); 
    $('#isodivi').append('<a href="#" data-role="button" id="button1">Click</a>').trigger("create"); 
}  

$('#button1').click(function() { 
var test = $('#isodivi').position().left +" "+ $('#isodivi').position().top; 
$('#isodivi').html(test);   
}); 

Answer 1

這裏是一個工作版本：

http://jsfiddle.net/hA3Uz/1/

的問題是，在未經編輯的代碼中，div的位置被置於test當DIV不存在，試着加入：

alert(test); 

在 initThis()功能（

你給的值來之後），你希望明白我的意思。