移动设备上的下拉菜单不起作用

时间:2014-04-21 21:11:53

标签: javascript jquery mobile

我有一个切换下拉菜单按钮,显示在较小的分辨率/设备上,但由于某种原因它不起作用。点击后,没有任何内容显示/显示。

很可能缺少某些东西(JS功能可能会让它打开)。复制整个代码对我来说并没有多大意义,所以我只是使用了一些代码:

http://goo.gl/TNixQe

2 个答案:

答案 0 :(得分:3)

<强>更新

关于响应式设计的确如此。现在我注意到了它(但是你在问题中说过了吗?不。)。

当我尝试调整窗口大小时,firebug发现了这个错误:

enter image description here

此错误出现在9行的js_func.js文件中。您确定正确链接库吗? JS无法找到uniform()函数。

可能会出现此错误,因为您的所有说明都是简单的function。尝试将它们添加到onload处理程序。可能浏览器尝试在加载uniform库之前加载此指令。

我的意思是:

$(document).ready(function()
{
    // use `uniform()` function on elements
}

OLD ANSWER

这是一个简单的下拉菜单,基于列表。它是工作抛出hover处理程序。

你不能做什么&#39; hover&#39;在您的移动设备上。您只能在屏幕上点按。

如果您希望使用小工具的用户使用您的网站,则必须专门为小工具创建菜单。

小技巧,帮助我(因为我很懒:) :)将javascript:void(0);分配给1级按钮hrefs。这适用于SGS2和Xperia Z1,但我不确定它是否可以在任何地方使用。有了这个技巧,一个人会点击菜单按钮,然后会出现下拉菜单。

答案 1 :(得分:2)

js_func.js的第9行有javascript错误: Uncaught TypeError: Object [object Object] has no method 'uniform'

这将导致其下面的任何代码无法运行。

它可能是移动版本上缺少的插件吗?

一个快速的谷歌表明问题出在你的jquery verison上,他们说要降级到1.8.3。

在您使用1.8.2的情况下,请尝试升级到1.8.3。