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

$(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

学习是最好的投资!

全部回复(5)
阿神

是很烂,但是可以考虑做mobile设计再做删除可以用media的

PHP中文网

可以看看flex布局,响应式设计

天蓬老师

解决问题才是关键

PHP中文网

外观应该由css控制 而不是js。 尽量避免用js控制这些东西

阿神

我的想法 尽量不要响应式 最好再做一套

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号