运行jquery代码的正确方式取决于屏幕分辨率
Correct way to run jquery code depending on screen resolution
我的网站上有一个多级超级菜单(使用jquery插件),但是,当在移动设备上查看网站时,我想在菜单上运行不同的JS代码,以便有一个移动友好的选择菜单。我检查运行哪个代码的正确方法是什么,比如屏幕宽度小于768px?有标准的处理方法吗?
检查window.screen
对象。
if( screen.width < 768 ) {
// do some js
}
Hi根据问题,您可以使用link
标签中的媒体属性更改样式和代码
有关详细解释,请参阅此处的博客。。
创建您的网站的移动版本
相关文章:
- 为什么这在IE中的工作方式与在Firefox中不同
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 在localhost Dev Box上测试JSONP请求的最佳方式
- 使用javascript存储变量的最安全方式
- 以可优化的方式使用requirejs加载模板
- 在Highcharts中,我们可以通过任何方式在渲染图表之前获得plotWidth和plotHeight
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- 为react组件传递道具的最佳方式
- 让Webpack管理Quirky AMD定义的最佳方式
- 在承诺链中处理早期回报的最佳方式
- jquery移动对齐按钮取决于内容大小
- 如何“;过滤器”;或者以其他方式重构该数据
- 用户取消选择,然后从数组中删除项目并进行排列,具体取决于它们的选择方式
- Jquery 返回元素的 .width() 取决于元素的找到方式
- 为什么moment.tz的工作方式不同取决于导入方式
- Javascript和此错误.取决于函数的调用方式
- 运行jquery代码的正确方式取决于屏幕分辨率
- 为什么$(this)的工作方式不同取决于回调的创建方式
- KnockoutJS的select会以一种意想不到的方式影响可观察对象,这取决于select是什么时候创建的