【发布时间】:2013-08-14 02:19:30
【问题描述】:
早上好。
我遇到了 lavalamp 的问题,我有一个类似的网络应用程序结构
首页 类别1 --产品1 --产品2 --产品3 类别2 --Product4 --Product5 --Product6
我有一个带有 Home、Category1 和 Category2 的顶部导航。 但是当我进入 Productx 时,lavalamp 会把我的酒吧粘在家里。
现在我只有
$('#topNavigation').lavaLamp({
fx: 'easeOutQuint',
speed: 500
});
还有我的菜单
<ul class="topNavigation">
<li class="backLava" >
<div class="leftLava"></div>
</li>
<li>home</li>
<li>Category1</li>
<li>Category2</li>
</ul>
CSS
#topNavigation .backLava {
background: none;
border-bottom: 8px solid #1f6737;
z-index: 0;
top: 3px !important;
}
所以当我点击 Category1 并点击 Product1 的链接时,我希望 lavalamp 留在 Category1,但现在他要回家了。
谁有办法?
我知道改变是可能的
$li.not(".back").hover(function(){move(this)},noop);
由
$li.not(".back").mouseover(function(){move(this)},noop);
Getting Lavalamp jQuery plugin to work with dropdown menu?
但我没有找到它...在 v 1.4.min
编辑:
找到解决方案:在我的导航构造函数中查看当前页面,如果它是子页面,则手动添加 selectedLava 类
【问题讨论】:
-
找到解决方案:在我的导航构造函数中查看当前页面,如果它是子页面,请手动添加 selectedLava 类