将子最大宽度添加到父元素时出现问题

debugcn 发表于 Dev

理查德耶夫

我刚遇到JQuery问题。我做了简单的下拉导航。运行良好。

            <div id="navigation" class="grid-container">
                <div class="menu-wrap grid-85">
                    <ul class="menu">
                        <li><a href="">Home</a></li>
                        <li><a href="">About</a>
                            <ul class="submenu">
                                <li><a href="">Sarsauto</a></li>
                                <li><a href="">Acedelco</a></li>
                            </ul>
                        </li>
                        <li><a href="">Services</a>
                            <ul class="submenu">
                                <li><a href="">Purchase</a></li>
                                <li><a href="">Rental</a></li>
                                <li><a href="">MOT</a></li>
                            </ul>
                        </li>
                        <li><a href="">Catalog</a></li>
                        <li><a href="">Contacts</a>
                            <ul class="submenu">
                                <li><a href="">Find Us</a></li>
                                <li><a href="">Contact Us</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>

现在，我正在尝试使父元素ul.menu li的宽度与最大的子元素ul.menu li ul.submenu相同。这是jQuery代码：

    $(document).ready(function(){
        var maxWidth = "0px";

        $("#navigation ul.submenu").each(function(){
            var currentWidth = $(this).css("width");
            if(currentWidth > maxWidth){
                maxWidth = currentWidth;
            }
        });

        $("#navigation ul.menu li").css("width",maxWidth);
    });

现在，它的作用是增加属性的风格与宽度= 0像素，istead的maxWidth。请帮助我找到问题。先感谢您！:)

沃尔夫

尝试改用：

$(document).ready(function () {
    var maxWidth = 0;

    $("#navigation ul.submenu").each(function () {
        var currentWidth = $(this).width();
    if (currentWidth > maxWidth) {
        maxWidth = currentWidth;
    }
    });

$("#navigation ul.menu li").width(maxWidth);
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。