0

私はmagentoモバイルテーマに取り組んでいます。

モバイル画面に基づいてliの幅を設定したい。

そのために私は使用しています

  <script>
        jQuery(function() {
        var width= jQuery(window).width();
        jQuery(".press_li").width(width*0.75);
       });      
 </script>

その作業。しかし、向きが変わっても幅は変わりませんでした。そのためにjQuery-mobileを使用しようとしていますが、jQueryを含めると他のjqueryが機能しなくなります。

4

2 に答える 2

1

次のコードを使用して問題を修正できます

function setPositions() {
    var width= jQuery(window).width();
    jQuery(".press_li").width(width * 0.75);
}
$(document).ready(function(){setPositions()})
$(window).resize(function(){setPositions()})

例を見てください：http：//jsfiddle.net/q7FqJ/

于 2013-03-21T03:51:18.357 に答える
1

JavaScript は関数スコープです。変数widthは、ドキュメントの準備完了状態にバインドされた無名関数のスコープ内にあります。

var width...修正として、ハンドラーで行を繰り返すかfixWidth、そのハンドラーと orientationchange バインダーの両方を最初のドキュメント準備完了関数ハンドラー内に配置できます。

jQuery モバイルには、モバイル バージョンが動作するために必要なライブラリである jQuery 自体は含まれていません。

とにかく、これを行う代わりにメディア クエリを使用することを強くお勧めします。

于 2013-03-21T03:28:48.933 に答える