我需要一個jQuery函數才能僅在700px屏幕尺寸以上工作，無法在我的代碼中發現錯誤

Question

我有一個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錯誤？

謝謝

Answer 1

您的代碼工作正常

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