我使用 flexbox 将页脚导航中的列表项分布在页脚的宽度上。
它在我的浏览器和 Chrome 的移动仿真中正确显示。但是,它在我测试过的任何移动设备(iPhone、iPad、三星平板电脑)上都会被忽略。
有没有人看到我不知道的代码有什么明显的错误?下面是我正在使用的 CSS/LESS 片段。
ul {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0;
li {
padding: 0;
}
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试为每个具有更多(或等于&小于)2 li的ul添加一个类.
不知怎的,我无法得到它.我要么最终将一个类添加到所有级别2 ul或者没有.
这是我正在使用的代码:
$(document).ready(function() {
var countli = $('ul.level_2 li').length;
if(countli >= 3) {
$("ul.level_2").addClass("short");
}
});
Run Code Online (Sandbox Code Playgroud)
我错过了什么?
我在一个项目中使用jQuery.mmenu.默认情况下,插件会滑出屏幕左侧的菜单(导航栏),将整个侧面向右推.我不是Javascript/jQuery破解...
有谁知道如何改变插件的代码以使菜单滑过我的内容而不是将其推向右边.
提前致谢...
编辑:我通常使用SIdr作为我的滑动菜单.要使用Sidr实现上述目的,只需在某个命令上将"true"更改为"false"即可.我希望在这种情况下它也会像这样简单.
在我目前的项目中,我不得不处理一个带有大量子菜单的非常复杂的导航,Sidr不会在这里完成这项工作.加上mmenu看起来非常整洁 - 如果我只能想象它是如何以我想要的方式滑动的.