jQuery和resize（）don'；行不通

我有一个菜单列表，我使用jQuery上的resize方法来调整li的大小，但如果我的页面缩小，效果会很好，因为当我尝试增加页面时，我的li会增加，但如果我的页面已满，并且我尝试减少li，则不会减少。我能做什么

jQuery：

$(document).ready(function() {
      size();
      $(window).resize(size);
    });
    function size() {
      var tr = $( "#nav li ul" ).width();   
              $("#nav li ul li").width(tr);
    }

HTML:

试验

测试1
测试2

试试这个：

$(function() {
    $(window).resize( function()
    {
        var tr = $( "#nav li ul" ).width();   
        $("#nav li ul li").width(tr);
    });
});

---

在测量父对象的宽度之前，必须先删除嵌套的

li

的宽度，因为子对象

li

将保持父对象

ul

打开

function size() {
    $( "#nav li ul li" ).css('width', 'auto'); // <-- remove the child's width
    var tr = $( "#nav li ul" ).width(); 
    $("#nav li ul li").width(tr);
}

函数大小（）{
$（“#nav li ul li”）.css（'width'，'auto'）；//在测量父对象的宽度之前，您必须先删除嵌套的
li
的宽度，因为子对象
li
将保持父对象
ul
打开。您甚至需要使用JS吗？CSS非常擅长使子对象的宽度为父对象的100%。缺少
#nav
元素，则
$“#nav li ul”）
返回空。要知道您想做什么有点困难。您可以发布一个或一个片段来说明问题吗？这是代码
function size() {
    $( "#nav li ul li" ).css('width', 'auto'); // <-- remove the child's width
    var tr = $( "#nav li ul" ).width(); 
    $("#nav li ul li").width(tr);
}