2

固定フッターのある jQuery Mobile (1.0.1) ページがあります。

<footer data-role="footer" data-position="fixed">
    <a href="#">Click Me!</a>
</footer>

要素を DOM に追加すると、DOM に追加された要素の高さに応じて、フッター バー (明らかに移動してはならない) が画面の下部からスクロールします。(灰色の) ページの前の端とフッター バーの新しい位置の間にも白い背景があります。

下にスクロールして戻ると、書式設定が修正されます。

Chrome を使用していますが、Mobile Safari と IE でも発生します。

要素を DOM に追加するコードは次のとおりです。

$("footer a").click(function () {
    $("div[data-role='content']").append($("<button>Button A</button>"), $("<button>Button B</button>"), $("<button>Button C</button>"), $("<button>Button D</button>"));

    $("div[data-role='content']").trigger("create");
});

私は何が欠けていますか？

4

1 に答える 1

3

JQM updatelayout イベントを呼び出してみましたか?

詳細については、このページを参照してください。

次のようなことを試してください：

$("div[data-role='content']").trigger("create").trigger( 'updatelayout' );
于 2012-04-19T16:48:39.907 に答える