如果視口寬度小於X，是否有辦法防止jQuery .submit？

Question

我正在運行這樣的jQuery，當表單值更改時，它會自動提交：

$( "#results" ).change(function() {
    $(this).closest("form").submit();
    $.blockUI({ 
        message: $('#filters'),
    });
    $('[data-toggle="dropdown"]').parent().removeClass('open');
});

我想防止這種情況在移動設備上發生，讓用戶有機會一次選擇多個選項，然后手動提交。 這可能嗎？ 我在想var w = e.target.innerWidth; 和w > 1 && w < 992例如，但是我不太清楚該放在哪里。

Answer 1

將提交調用放在if塊中測試您提到的變量該怎么辦？ 然后提供一個普通的提交按鈕，您可以使用CSS將其隱藏在更大的屏幕上。

 $( "#results" ).change(function() { var w = e.target.innerWidth; if(w > 1 && w < 992){ $(this).closest("form").submit(); } $.blockUI({ message: $('#filters'), }); $('[data-toggle="dropdown"]').parent().removeClass('open'); }); 

我認為您只是想變得復雜:)

Answer 2

(window.innerWidth < x) || $(this).closest("form").submit();

Answer 3

嘗試這樣。

$( "#results" ).change(function(e) {
var w = e.target.innerWidth;
var mobile_width= 450;
     if(w > mobile_width){
           $(this).closest("form").submit();
           $.blockUI({ 
               message: $('#filters'),
           });
           $('[data-toggle="dropdown"]').parent().removeClass('open');
     }
});