Javascript功能有时在某些级别上不起作用

Question

我具有用于悬停项目的Javascript函数。它必须在958px以下才能工作，但不能正常工作。所以我该如何控制。 但是当我上下调整页面大小时，JS停止工作。 我的功能出了什么问题？我无法弄清楚。

$(document).ready(() => {
    if ($(window).width() >958){
        $('#group-subscription .owl-item').on('mouseenter', function(){
            $(this).nextAll().addClass('has-positive-translate')
            $(this).prevAll().addClass('has-negative-translate')
        }).on('mouseleave', function() {
            removeHasClasses()
        })
        function removeHasClasses() {
            $('#group-subscription .owl-item').removeClass('has-negative-translate has-positive-translate slider-hover-bigger')
        }
    }
})

Answer 1

您的代码与调整大小事件无关，它仅在页面加载并准备就绪时执行一次。总之，您应该使用resize事件而不是ready事件。

$(window).on('resize', function(){
      var winx = $(this);
      if (winx.height() >= 958) { 
          /*  use your code here  */
      }  
});