jquery window.width的邏輯是什麼？

我創建了一個註冊表單，每當我點擊我的輸入字段時，一個模式必須以響應方式打開。那有什麼？在這裏移動它的工作就是我想要的方式，但如果我調整我的窗口沒有任何反應，所以我想給你一些例子jquery window.width的邏輯是什麼？

if you open my page on mobile你會看到，當你點擊的模式是開幕。

，但如果你調整窗口的大小小於768px，如果單擊輸入字段正如我在我的評論所提到的模式是不開放

JQUERY

var $window = $(window), 
    $nogonder = $('.add-modal'); 

     if ($window.width() < 768) { 
      $nogonder.on("click",function(){ 
      $("#parallaxPopup").modal('show'); 
      }) 

     }else{ 
     $nogonder.off("click"); 
     $("#parallaxPopup").modal('hide'); 
     $("#rezervasyonPopup").modal('hide'); 
     $("#popupCheckin").modal('hide'); 
     };

來源

2016-09-18 ani_css

當您調整窗口大小（未設置單擊偵聽器）時，您的代碼不會再次執行。爲了做到這一點，你可以聽'resize'事件，然後再運行你的代碼。例如$（window）.resize（function（）{/ *再次運行代碼* /}）;' – Titus

@Titus如何用window.resize替換我的代碼我的jquery不好，謝謝 –

ouw對不起，我做到了，我告訴你發生了什麼 –

。目前，您的代碼只能在頁面加載時執行一次。爲了在窗口大小調整後再次運行您的代碼，您可以這樣做：

function setModal(){ 
    var $window = $(window), 
    $nogonder = $('.add-modal'); 

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

來源

2016-09-18 16:36:34 Titus

謝謝，如果你在這裏，我想告訴你另一個問題，如果你適合另一篇文章？ –

@ani_css如果它與這個問題有關，你可以在這裏告訴我。如果沒有，您可以發佈另一個問題。 – Titus

問題是否一樣，我可以告訴你嗎？ –

jquery window.width的邏輯是什麼？

回答

相關問題