Scrollview - ロード後に動的なコンテンツをスクロールすることはできません（）

Question

ヘッダー：

<script src="jquery.mobile/jquery.easing.1.3"></script> 
<script src="jquery.mobile/jquery.mobile.scrollview"></script> 
<script src="jquery.mobile/scrollview"></script> 
....! and the correct css ! 

ボディ：pageshowイベントで

<div data-role="page" data-theme="a" id="mainpage"> 
    <div data-role="content" data-theme="a"> 
     <div id="htmltext" data-scroll="y"></div> 
    </div><!-- /content --> 
</div> 

：

$("#htmltext").load("content/test.htm", function(response, status, xhr) { 
    if (status == "error") { 
     var msg = "Sorry but there was an error: "; 
     alert(msg + xhr.status + " " + xhr.statusText); 
    } 
}); 

$("#htmltext").scrollview("scrollTo", 0, -600); 

load（）の後、動的div #htmltextをスクロールできません。

一方、純粋なコードでロード関数を置き換えると、正しくスクロールされます。

私は何かを見逃しましたか？

Answer 1

おそらく、問題は、Ajaxが非同期で動作することが原因である可能性があります。だから、を Ajaxでロードした後は、そのコールバック関数を使うべきです。スクロール方法をloadハンドラ関数内に移動してみてください。

$("#htmltext").load("content/test.htm", function(response, status, xhr) { 
    if (status == "error") { 
     var msg = "Sorry but there was an error: "; 
     alert(msg + xhr.status + " " + xhr.statusText); 
    } 
    $("#htmltext").scrollview("scrollTo", 0, -600); 
});