javascript - 流体中动态创建的菜单

Question

我的任务是创建动态菜单。为此，我使用了以下代码

 //For Menu Count
    var countMenu = $('#topMenu ul li').length;
    var topMenuWidth = $('#topMenu').width(); 
    var percentage = topMenuWidth / countMenu;
    $('#topMenu ul li').css('width', percentage);
    $('#adminChild .columnDiv').css('width', percentage);

但它适用于像素宽度 mmenus。我想让菜单响应。当我这样做时，它不会占用实际宽度。CSS是

#topMenu
{
    float: left;
    height: 51px;
    width:97%;
}
#topMenu ul
{
    width: 100%;
    margin: 0;
    padding: 0;
}

在输出中我可以看到这样

<li id="1" style="width: 109.143px;">

也错过了最后一个菜单。我该如何解决这个问题..还有其他方法可以动态创建菜单吗？ 演示

Answer 1

JS

   var percentage = 100/countMenu

OR

var percentage =countMenu/topMenuWidth*1000;

OR

  var widthPerElement = topMenuWidth/countMenu
  var percentage = widthPerElement/topMenuWidth *100

this would convent the width according to PERCENTAGE