1

一連の jquery モバイル データ ロール ページ内の div のスクロールバーの位置を更新する必要があります。

私のヘッダー:

<script src="js/jquery-1.6.4.min.js"></script>
<script src="js/jquery.mobile-1.0rc1.min.js"></script>
<script>
$(document).live('pageinit','[data-role=page]', function() {
    $("#toc_contentdown").scrollTop(200);
});
</script>

コンテンツ div のテーブルの場所までスクロールして、各データ ロール ページを更新することになっています。ここで私のデモページを表示できます:デモページ

jquery 1.6.4 と jquerymobile 1.0 を使用しています

この質問は、データ ロール ページ内で jquery を初期化する方法のアイデアを得るのに役立ちました: How to initialize pages in jquery mobile? pageinit が起動しない

そのため、jquery の初期化コードを各データ ロール ページに埋め込むというアイデアが浮かびました。

<script>
$("#chp11").live('pageinit', function() {
    $("div#toc_contentdown").scrollTop(200);
});
</script>

#toc_contentdown は div です。データ ロール ページがロードされたときに、スクロールバーを下にスクロールさせたいと思います。#chp11 は、スクロール ダウンを初期化するために現在ロードする必要があるデータ ロール ページの ID です。

何か案は？現時点では考えていない、これを行うためのより簡単な方法があると確信しています。1.6 を使用しているため、'.bind' の代わりに $(document).live('pageinit' を使用しています。

ページ全体のコードを投稿しますが、類似したデータ ロール ページがいくつかあるだけです。

ご指導いただきありがとうございます。

4

0 に答える 0