1

内部に含まれるDIVの幅に合わせてJQMコントロールボタングループのサイズを変更しています。

ただし、ユーザーが何かを見る前にこれを行いたいです。現在のところ、ページが表示された後にのみこの作業を行うことができますが、これはグリッチのように機能します。

ここに私のサイズ変更コードがあります:

var myWidth = $(window).width() - 1.3*($(window).width() - $('#eventForm').width());
$('.eStatusLabel').css("width", myWidth/3);

これをトリガーするために使用しようとした関数を次に示しますが、#eventForm 幅は常に 0 です。

$("#myPage").live('pageinit',function(){ //Resize});
$("#myPage").live('pageload',function(){ //Resize});
$("#myPage").live('pagebeforeshow',function(){ //Resize});

表示する前にフォームのサイズを取得する方法はありますか? data-role="page" パディングを含めずにコンテンツ ページの内側の幅を取得する別の方法はありますか?

ありがとう

4

1 に答える 1

0

これを行うために可能な唯一の方法は、デフォルトのjquery-mobilecssをオーバーライドすることです。ページの読み込み後に親要素にIDを割り当て、ページの読み込み後に取得するIDの前に幅やその他のプロパティを定義できます。コンセプトは、ajaxを介してhtmlコンテンツをロードするのと同じで、cssがそのhtmlに適用されます。

于 2013-01-18T12:21:00.527 に答える