我需要一个jQuery函数来只工作在700px以上的屏幕大小,无法在我的代码中发现错误

I need a jQuery function to only work above 700px screen size, cant spot the error in my code

本文关键字:屏幕 发现 错误 代码 我的 700px 一个 工作 函数 jQuery      更新时间:2023-09-26

我有一个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>