jQuery - 根据分辨率更改表单操作

Question

我有一个简单的表单，我需要将值发布到2个不同的页面。一个用于桌面，另一个用于移动。

基本上： 如果分辨率高于768px，则将表单发送到desktop.php 如果分辨率低于768px，则将表单发送到mobile.php

有没有办法用jQuery做到这一点？

Answer 1

如果您的客户端使用的是移动设备，我认为最好做的不是检查客户端的分辨率，因为如果某人将桌面浏览器的大小调整到768px以下，您可能会遇到一些问题。

使用jquery，您可以使用submit事件：

$('#your_form').submit( function () {
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        $(this).attr('action', 'mobile.php');
    }
})