当从下拉菜单中选择菜单项时,会将合适的图像加载到div中。在桌面上工作,但在Android手机上选择时不会。事实上,它确实在第二次尝试。是否有一个选择器可以同时适用于这两个操作系统?jquery菜单项选择不适用于手机
jQuery的我使用的检测菜单选择:
$("#template_select").mouseup(function(){
//change the image
});
再次感谢您的时间,我真的很感激它, 托德
当从下拉菜单中选择菜单项时,会将合适的图像加载到div中。在桌面上工作,但在Android手机上选择时不会。事实上,它确实在第二次尝试。是否有一个选择器可以同时适用于这两个操作系统?jquery菜单项选择不适用于手机
jQuery的我使用的检测菜单选择:
$("#template_select").mouseup(function(){
//change the image
});
再次感谢您的时间,我真的很感激它, 托德
的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);
手机新手...什么是最好的方式来设置isMobile? – maddogandnoriko
检查我的编辑... –
谢谢你的帮助。答案竟然是$(“#template_select”)。change(function(){...点击检测到第一次点击,然后模态出现选项,直到另一次点击发生时才检测到变化 – maddogandnoriko
你是在智能手机上,没有“点击”或“鼠标移动”,tr y移动库像jquery手机(http://jquerymobile.com/)或这个我发现(http://touchpunch.furf.com/)
我可以动态加载jQuery mobile if是一个移动设备? – maddogandnoriko
你可以尝试通过代理获得它在服务器上,但如果你只需要“事件”只是尝试与touchpunch,只需将你“听众”从“.mouseup”更改为相应的(例如touchend)[更多信息HTML5ROCKS](http://www.html5rocks.com/en/mobile/touch/) – FibreFoX
尝试'.click()'? – l2aelba