javascript - 为了响应式适配移动端,写了一坨js的hide代码,是不是很烂?实习生
PHPz
PHPz 2017-04-11 11:36:51
0
5
205

$(function(){

     //获取浏览器宽度
     var _width = $(window).width(); 
     if(_width < 1024){
            $(".hide-nav").hide();
            $(".undefined02").hide();
            $(".undefined01").hide();
            $(".flay1").removeClass("flay1").addClass("flay2");
            $(".carousel-control-gps").hide();
            $(".hui-reminder").removeClass("hui-reminder").addClass("hui-reminder-phone");

// $(".hide-foot").hide();

            $(".usernow-label").removeClass("usernow-label").addClass("usernow-label-phone");
            $(".usernow-major").removeClass("usernow-major").addClass("usernow-major-phone");
            $(".usernow-label-2").removeClass("usernow-label-2").addClass("usernow-label-2-phone");
            $(".product-function").removeClass("product-function").addClass("product-function-phone");
            $(".btn-column").hide();
            $(".num").css({"margin-left":"0px","text-align":"center"});
            $(".num li").css("margin-right","5px");
            $(".navbar-default .navbar-nav li").css("margin-right","0px");
            $(".navbar-default .navbar-nav li a").css("font-size","10px");
            $(".logo").css("padding","10px");
            $(".carousel-indicators").css({"bottom":"-10px"});
     }
});
PHPz
PHPz

学习是最好的投资!

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!