jquery菜单项选择不在手机上工作

Question

当从下拉菜单中选择菜单项时，会将适当的图像加载到div中。在桌面上工作，但在Android手机上选择它没有。实际上它确实在第二次尝试。是否有适用于两种操作系统的选择器？

我用来检测菜单选择的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（link to the question and answer）：

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

Answer 2

你在智能手机上没有“点击”或“鼠标”，试试像jquery-mobile（http://jquerymobile.com/）这样的移动图书馆，或者我找到了这个（http://touchpunch.furf.com/）