Question

我正在为我正在写的一个小函数而疯狂。

此功能需要将容器的高度设置为等于其中存在的最高UL（总共3 UL和绝对位置），如果第二或第三UL低于第一个UL，则设置高度这些UL等于第一个。

这是功能：

function fixNavHeight() {
    var cont = white,
        arr = [];
        lis = $('nav li');

    lis.each(function() {
        var li = $(this);
        li.mouseenter(function() {
            var childrenHeight = $(this).find(secondaryNavigation).height();
            cont.css('height', childrenHeight);
            setHeight(childrenHeight);
        });
    });

    function setHeight(base) {
        arr = [];
        cont.find('ul').each(function() {
            if($(this).is(':visible')) {
                var h = $(this).height();
                console.log(h);
                if(h <= base) {
                    $(this).css('height', base);
                }
                arr.push(h);
                var biggest = Math.max.apply(null, arr);
                cont.css('height', biggest);
            }
        });
    }
}

一切正常但如果UL低于base则不会设置css高度，我无法理解为什么。

你能帮我找到这个问题吗？

我在这里做错了什么？

Answer 1

使用.css()应用高度或宽度时，添加 px 后缀，如下所示：

cont.css('height', biggest +'px');

对所有类似的电话做同样的事情。

或者，如果您想仅使用当前语法编号，则将css属性作为对象传递给.css()，如下所示：

cont.css({'height': biggest});

Answer 2

在console.log回调中尝试mouseenter这些项目：

secondaryNavigation
$(this).find(secondaryNavigation)
$(this).find(secondaryNavigation).height()

检查secondaryNavigation是否已定义。它来自代码中的任何地方（可能是上面的某些行），它必须是可访问的。

jquery不适用于css属性

2 个答案: