jquery窗口宽度问题

  • Z时代
  • 2024-01-10
  • 分类：问答

in this demo如果您在深蓝色区域（NUMARANI GONDER）中单击输入，您将不会看到任何发生，但如果您单击响应模式（小于768px），您会看到模式已经打开它的okey这是事情我想，但如果u dekstop模式黑色元素上再次点击已开启jquery窗口宽度问题

我使用的引导模式和我的JS代码

var $window = $(window), 
    $nogonder = $('.add-modal'); 
    $(window).on('resize', function() { 
     if ($window.width() < 768) { 
      $nogonder.on("click",function(){ 
      $("#parallaxPopup").modal('show'); 
      }) 
     }else{ 
     $("#parallaxPopup").modal('hide'); 
     $("#rezervasyonPopup").modal('hide'); 
     $("#popupCheckin").modal('hide'); 
     }; 
    });

回答：

原因：

发现它只会发生，如果命中窗口是的情况768，然后调整它的大小。如果你从大开始就很好。

这是因为您并未解除事件。

解决方法：

var $window = $(window), 
    $nogonder = $('.add-modal'); 
    $(window).on('resize', function() { 
     if ($window.width() < 768) { 
      $nogonder.on("click",function(){ 
      $("#parallaxPopup").modal('show'); 
      }) 
     }else{ 
     $nogonder.off("click"); 
     $("#parallaxPopup").modal('hide'); 
     $("#rezervasyonPopup").modal('hide'); 
     $("#popupCheckin").modal('hide'); 
     }; 
    });

以上是 jquery窗口宽度问题 的全部内容， 来源链接： utcz.com/qa/258283.html

回到顶部