jquery window width ausgabe

Question

in this demo wenn man auf eingaben im dunkelblauen bereich (NUMARANI GONDER) klickt sieht man nichts passiert aber wenn man auf responsive mode (weniger als 768px) klickt merkt modal hat sich geöffnet es ist okey das ist das ding dass ich will, aber wenn u wieder auf schwarzem dekstop Modus Element klicken wurde Öffnen

ich bin mit Bootstrap-modal und meine JS Codes

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

Ursache:

Beachten sie, dass es geschieht nur, wenn Hit der Fall, in dem das Fensterist768 und dann ändern Sie die Größe, um größer zu sein. Wenn Sie groß anfangen, ist es in Ordnung.

Dies ist, weil Sie das Ereignis nicht lösen.

Lösung:

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'); 
     }; 
    });