我使用的是默认的Twitter Bootstrap响应式导航栏(从移动设备开始)。我希望菜单随着导航栏宽度的扩展而不断填充。
我当前的导航(非常适合移动设备)
[ menu item 1 | menu item 2 | menu item 3 | all items ]
但是,随着宽度的增加,我想用更多的菜单项填充列表。
[ menu item 1 | menu item 2 | menu item 3 | menu item 4 | all items ]
我们用的是汉堡菜单,从左边飘过来。由于页面很长,菜单也很短,因此决定将文档高度设置为与菜单高度相等。我们使用的是jQuery,所以这是一个非常简单的代码行:
$(document).height( 1025 ); // the number is just an example
无论如何,这在FF、桌面上的Chrome以及Chrome设计仿真器中都是一种魅力,但在移动Safari (在iPad上使用iOS8进行测试)上却失败了。
在将文档高度设置为所需的值后,尝试检查其高度时,它只是不被更改:
alert($(document).height());
这给出了:桌面浏览器上的1025个,移动S
我正在尝试建立一个自定义的响应式导航,更改为100%宽度的移动下拉菜单。但是,如果我以移动设备的大小打开子菜单(小于768px),然后突然调整窗口大小,悬停效果就不起作用,子菜单项也不会在较大的屏幕上显示。
下面是我的导航的精简版本的JSFiddle
我认为唯一可能导致问题的部分是这个javascript:
if (w > 768) {
$("#nav > li > ul").hide();
}
如果在低屏幕尺寸下单击第一个菜单项,然后调整窗口大小,当您将鼠标悬停在父项目上时,它将不会显示相同的子菜单。但是,如果你从较大的屏幕尺
我正在用Polylang构建一个多语言站点,并且需要在我的菜单中添加一个自定义类,将相同内容的页面组合在一起。
例如,我有一页“快乐”,它有一个翻译页"Gelukkig“的荷兰语。Polylang允许我为每种语言提供不同版本的菜单,但我需要将一个公共类添加到“快乐”/ "Gelukkig“/.菜单元素。(我将使用该类在文本之前添加图像。)
看着我发现的文档
.menu-item-object-category
This class is added to menu items that correspond to a category.
.menu-item-object-ta