javascript - 带有面包屑的向下钻取没有正确的高度大小

Question

我正在使用dcdrilldown和 @Tay 在此主题上发布的版本。它在我使用时工作正常，linkType:'link'但如果我将其更改为它，linkType:'breadcrumb'它只是没有正确调整高度并且只显示一个“项目”。

请检查这个 jsfiddle看看breadcrumb它没有显示“Cat 2”，而link它工作得很好。我非常想使用面包屑，但我找不到错误所在。

任何帮助将非常感激。

Answer 1

您的脚本没有在ul#drilldown-2菜单容器上正确设置高度。菜单选项在那里，但容器上的固定高度太小而无法显示。您使用的版本假定您的顶级菜单只有一个条目。

http://jsfiddle.net/TLuBN/8/

找到这个函数：

   function findMaxHeight(element) {
        var maxIndex = undefined;
        $(element).each(function () {
            var val = parseInt($('> li', this).length);
            $(this).attr('rel', val);
            if (maxIndex === undefined || maxIndex < val) {
                maxIndex = val;
            }
        });
        if ($(element).find('li').length > maxIndex) {
            //the longest 'submenu' could be the root menu
            return 1;
        } else {
            return maxIndex;
        }
    }

并更改显示为的行，return 1;使其return $(element).closest('.dd-menu').find('> li').length;显示为

   function findMaxHeight(element) {
        var maxIndex = undefined;
        $(element).each(function () {
            var val = parseInt($('> li', this).length);
            $(this).attr('rel', val);
            if (maxIndex === undefined || maxIndex < val) {
                maxIndex = val;
            }
        });
        if ($(element).find('li').length > maxIndex) {
            //the longest 'submenu' could be the root menu
            return $(element).closest('.dd-menu').find('> li').length;
        } else {
            return maxIndex;
        }
    }

看看这是否是所需的行为。