0

そのため、Bootstrap 3 フレームワークを使用したサイトがモバイル ビュー (.container で <750px) になったときに、div を基本的に左にフロートするように変更する jQuery 関数を作成しようとしています。

$(function() {

    var container_width_checker = $('.container').css(width);

    var container_width = function(){

        if (container_width_checker < 750px ) { 
            $('.accountcustom').css({ 'float': 'none', 'padding-left': '10px', });
            $('#shopping_cart a').css({ 'float': 'none', 'padding-left': '10px', });
        } else {
            $('.accountcustom').css({ 'float': 'right', }); 
            $('#shopping_cart a').css({ 'float': 'right', });
        }   
    };

    container_width();

    $(window).resize(function() {
         container_width();
    });

});

サイズ変更jQuery関数を使用してこれに正しく取り組んでいますか?

4

3 に答える 3

0

CSS メディア クエリを参照し、jQuery を終了することをお勧めします。

ここにいくつかの追加情報があります: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

于 2013-09-08T01:13:58.673 に答える