2013-02-07 35 views
0

当从下拉菜单中选择菜单项时,会将合适的图像加载到div中。在桌面上工作,但在Android手机上选择时不会。事实上,它确实在第二次尝试。是否有一个选择器可以同时适用于这两个操作系统?jquery菜单项选择不适用于手机

jQuery的我使用的检测菜单选择:

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

再次感谢您的时间,我真的很感激它, 托德

+0

尝试'.click()'? – l2aelba

回答

2

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); 
+0

手机新手...什么是最好的方式来设置isMobile? – maddogandnoriko

+0

检查我的编辑... –

+0

谢谢你的帮助。答案竟然是$(“#template_select”)。change(function(){...点击检测到第一次点击,然后模态出现选项,直到另一次点击发生时才检测到变化 – maddogandnoriko

1

你是在智能手机上,没有“点击”或“鼠标移动”,tr y移动库像jquery手机(http://jquerymobile.com/)或这个我发现(http://touchpunch.furf.com/

+0

我可以动态加载jQuery mobile if是一个移动设备? – maddogandnoriko

+1

你可以尝试通过代理获得它在服务器上,但如果你只需要“事件”只是尝试与touchpunch,只需将你“听众”从“.mouseup”更改为相应的(例如touchend)[更多信息HTML5ROCKS](http://www.html5rocks.com/en/mobile/touch/) – FibreFoX