jquery - jquery菜单项选择在移动设备上不起作用

Question

当从下拉菜单中选择一个菜单项时，一个适当的图像被加载到一个 div 中。在桌面上工作，但在安卓手机上选择时却不行。实际上它在第二次尝试时确实有效。是否有适用于两种操作系统的选择器？

我用来检测菜单选择的 jQuery：

$("#template_select").mouseup(function(){
//change the image
});

再次感谢您抽出宝贵的时间，非常感谢，托德

Answer 1

mouseup类似于悬停。

问题是移动智能手机没有hover事件。

最快的改变方法是click在移动设备上使用，如下所示：

if( isMobile == true ) {
  $("#template_select").click(function(){
    //change the image
  });
} else {
  $("#template_select").mouseup(function(){
    //change the image
  });
}

编辑

检查您的浏览器是否是移动设备的最简单方法是使用这样的 javascript（链接到问题和答案）：

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);

Answer 2

您在智能手机上，没有“点击”或“鼠标”，请尝试像 jquery-mobile（http://jquerymobile.com/）或我找到的（http://touchpunch.furf.com ）这样的移动库/ )