jqueryウィンドウの幅の問題

Question

in this demoダークブルーエリア（NUMARANI GONDER）の入力をクリックしても何も起こりませんが、レスポンシブモード（768px未満）をクリックすると、モーダルが開いていますそのI私は、ブートストラップモーダルを使用していたいが、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'); 
     }; 
    });