小编Joh*_*Doo的帖子

如果我在我的menulinks上悬停,目前所有在第一级的子目标都将显示我不知道什么是错的,请参阅我的代码:

    $('#menu li').hover(function () {
        //show its submenu
        $('ul', this).slideDown(100);

    }, function () {
        //hide its submenu
        $('ul', this).slideUp(100);
    });

所以在我看来它必须工作得很好,因为悬停在链接上应该只显示第一个子菜单.但是这个第一个链接的子菜单也将直接通过悬停显示,我不知道如何更好地修复它.

需要一些帮助.

为了更好地理解我在这里创造了一个小提琴.

在我目前的项目中,我在icnludes的索引中有以下结构:

...

<link rel="stylesheet/less" type="text/css" href="css/master.less" media="screen" />

<!--module source CSS-->
<link rel="stylesheet/less" type="text/css" type="text/css" href="module/A/css/A.less" media="screen" />
<link rel="stylesheet/less" type="text/css" href="module/B/css/B.less" media="screen" />

...

在我的master.less我包括其他较少的文件,如mixin.less.在这个文件中我有很多声明工作正常 - 测试.

但是如果我尝试在我的模块中使用像.gradient这样的一些mixin,我会变成这样的错误:.gradient is undefined

放在mixin.less中的梯度mixin完全没问题:

.gradient (@startColor: white, @endColor: #eee) {
    background-color: @startColor;
    background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
    background: -webkit-linear-gradient(top, @startColor, @endColor);
    background: -moz-linear-gradient(top, @startColor, @endColor);
    background: -ms-linear-gradient(top, @startColor, @endColor);
    background: -o-linear-gradient(top, @startColor, @endColor);
}

当我直接在我的B.less中使用这个mixin时它起作用.所以我很困惑.我使用less.js的客户端部分,并在http://lesscss.org/上阅读了fkn手册,但我不知道什么是错的.

文件加载正确等等这里有什么问题？