我需要一个jQuery函数来只工作在700px以上的屏幕大小,无法在我的代码中发现错误
I need a jQuery function to only work above 700px screen size, cant spot the error in my code
我有一个jquery函数,我想在700px以下禁用它。我有以下功能:
<script>
$(document).ready(function() {
$(window).resize();
});
</script>
和
<script>
$(window).resize(function() {
if( $(this).width() > 700 ) {
$(window).load(function() {
$('.dh-container').directionalHover();
});
}
});
</script>
这似乎应该可以工作,但我是jquery的新手,在代码中找不到错误,chrome检查器也没有显示任何错误。
如果有人能发现我的错误,那就太好了。在未来,我将如何诊断chrome检查器没有指出的jquery错误?
感谢
您的代码运行良好
<script>
$(document).ready(function() {
$(window).resize();
});
$(window).resize(function() {
if( $(this).width() > 700 ) {
$(window).load(function() {
alert("It's Working above 700px width");
});
}
});
</script>
总是从测试简单的程序开始,找出错误。
另一种方式:
<script>
var width = $(window).width();
if (width > 700) {
alert('Display Above 700px');
} else {
alert('Do nothing since it's under 701px');
}
</script>
相关文章:
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 如何在p5.js中管理多智力竞赛游戏的多个屏幕
- jQuery:当屏幕大小改变时,如何更改默认图像和悬停图像
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- 如果使用javascript函数屏幕太小,我该如何更改HTML文件的背景色
- 如何打开/移动主屏幕左侧的浏览器窗口
- 如何在屏幕外或项目的中心视口中跟随YUI驱动的动画
- 用HTML在不同屏幕上显示和隐藏内容的方法
- 调整屏幕大小时更改属性值
- javascript从任何嵌入式flash视频中发现.flvurl
- 检测非移动页面上的移动设备屏幕宽度和高度
- 更改屏幕上对象的宽度调整大小
- 获取屏幕截图并在电子邮件中发送的按钮
- 用于发现哪个JS/jQuery脚本正在冻结页面的工具或技术
- 我需要一个jQuery函数来只工作在700px以上的屏幕大小,无法在我的代码中发现错误