一个列表分多列,程序不好套,用js简单解决!

曹え 5811 发布于:2023-05-09 02:20:37


直接上js代码

  jQuery(".m-nav li").each(function(i){ 
        jQuery(".m-nav li").slice(i*6,i*6+6).wrapAll("<ul class='item'></ul>");
      });


说明:


上面的代码就是把 .m-nav 里面的 li 每6个,套一个 ul


.m-nav 里面只需要放多个li就行了


这样就实现了,自动分栏的效果,套程序也不需要考虑太多,直接循环li即可

觉得有用请点个赞吧!
0 158