2012-04-19 6 views
2

私は、固定フッターと(1.0.1)ページのjQuery Mobileを持っている:私は下のオフ(明らかに動くべきではありません)DOM、フッターバースクロールに要素を追加要素をDOMに追加した後、jQuery Mobileページのサイズを変更するにはどうすればよいですか?

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

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"); 
}); 

私は何をしないのですか?

答えて

3

JQM updatelayoutイベントを呼び出そうとしましたか?

この詳細はpageを参照してください。

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

ええ、それはそれだ:

はこのような何かを試してみてください。また、(新版)1.1.0では修正されているようですので、アップグレードしてみてください。 – dommer

関連する問題