我写了一个非常基本的脚本来加载/删除一个类加载或调整窗口大小.
我只是想知道是否有更好的方法来做这个或者是否有可能减少代码行.
基本上我希望能够在较小的屏幕上查看网站时改变样式.我认为最好在html标签的某个宽度下添加一个新类...
不管怎样,这是我的代码.
<script type="text/javascript">
$(document).ready( function() {
/* Check width on page load*/
if ( $(window).width() < 514) {
$('html').addClass('mobile');
}
else {}
});
$(window).resize(function() {
/*If browser resized, check width again */
if ($(window).width() < 514) {
$('html').addClass('mobile');
}
else {$('html').removeClass('mobile');}
});
Run Code Online (Sandbox Code Playgroud)
谢谢
阿娇
jquery ×1