如果視口寬度小於X，有沒有辦法阻止.submit中的jQuery？

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