如何在平板电脑上禁用 select2 jQuery 插件？答案

【问题标题】：How can I disable select2 jQuery plugin on tablets?如何在平板电脑上禁用 select2 jQuery 插件？
【发布时间】：2012-06-17 07:29:07
【问题描述】：

我正在使用Select2 jQuery 插件来增强我们项目中的<select> 元素。但是，在移动设备（智能手机、平板电脑）上，Select2 实际上会降低体验。在我看来，原生 select 元素更好。

我们已经使用来自http://detectmobilebrowser.com/ 的正则表达式进行智能手机检测，但这些与平板电脑不匹配（我们希望将智能手机和平板电脑检测分开）。是否有任何有关平板电脑正则表达式的参考，例如detectmobilebrowswer.com，或其他检测平板电脑的方法？

【问题讨论】：

标签： android jquery ios detection tablet

【解决方案1】：

$(document).ready(function() {
    // run test on initial page load
    checkSize();

    // run test on resize of the window
    $(window).resize(checkSize);
});

function checkSize(){
  if (window.matchMedia("(min-width: 1024px)").matches) {
    $("select").select2();
  } else {
    $("select").select2("destroy");
  }
}

【讨论】：

如果您调整窗口大小，平板电脑不会变成另一种类型的设备吗？
以上方案仅根据屏幕分辨率起作用，没有设备检测。通常假设大于 1024 像素将是桌面体验。

【解决方案2】：

您可以自己研究一下表的用户代理是什么。

如果您知道表格的用户代理，您可以通过 PHP 或其他方式相应地包含适当的 Javascript 文件。

Follow this link to find tablet user agents

【讨论】：

我不认为“让我为你搜索一下”是一个有用的答案。