jquery窗口寬度問題

Question

in this demo如果您在深藍色區域（NUMARANI GONDER）中單擊輸入，您將不會看到任何發生，但如果您單擊響應模式（小於768px），您會看到模式已經打開它的okey這是事情我想，但如果u dekstop模式黑色元素上再次點擊已開啓

我使用的引導模式和我的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'); 
     }; 
    }); 

Answer 1

原因：

發現它只會發生，如果命中窗口是的情況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'); 
     }; 
    });