移动屏幕上导航栏的奇怪行为

时间:2014-05-03 10:49:31

标签: javascript css iphone ipad twitter-bootstrap

我在这个网站上使用了一个Bootstrap CSS版本,一个实例就是最好的证明。

http://autorotation.org/jabilake/index.php?page=residential

基本上,在移动屏幕上,当你点击实际单词时,父导航元素(li)和#34; Projects"似乎根本不起作用。但是,请点击字母右边的#34; s"它工作正常(即进入页面)。

我尝试了一些CSS和JavaScript技巧,但没有运气。

有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:0)

它只在项目页面或其子菜单页面上不起作用。它只是触摸事件不起作用。在该屏幕尺寸上点击很好,至少在我的浏览器中。 我认为问题在于自定义数据属性。只有在这些页面上,您的菜单才会包含项目data-toggle=的{​​{1}}和data-target=。如果css正在控制下拉菜单,那么你不需要这个,我认为这个问题会消失。如果javascript正在控制下拉列表,那么它可能正在使用这些值。尝试删除属性,看看会发生什么