Question

$(document).ready(function(){
    if ($(window).width() <961){
        $('.item').on('click',function(){
            /*---do something---*/
        })
    }else{
        $('.item').on('click',function(){
            /*---do something else---*/
        })
    }

    $(window).on('resize', function(){
        if('.nothing-important').is(':visible'){
            $('.item').trigger('click');
        }
    }

}

您好。我需要一个最佳解决方案。

当我在＆lt; 961px它“做点什么” 然后我将浏览器的大小调整为＆gt; 960px它仍然“做某事”而不是做“别的”。反之亦然。

我想如果我将代码复制到“on.resize”块中它会起作用，但我不喜欢这个解决方案。

祝你有愉快的一天：）

Answer 1

将if-else块移动到click事件的处理程序以及此条件：

 if ('.nothing-important').is(':visible') {..}

$(document).ready(function() {
  $('.item').on('click', function() {
    if ('.nothing-important').is(':visible') {
       if ($(window).width() < 961) {
         /*---do something---*/
       } else {
         /*---do something else---*/
       }
    }
  });

  $(window).on('resize', function() {        
      $('.item').trigger('click');        
  });
});

我不知道如何缩短这个

1 个答案: