如果视口宽度小于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');
     }
});