jquery lavalamp:按下Lavalamp Bar外的超链接时,Lavalamp中的重点/突出显示物品
题
嗨,我希望有人可以用jquery lavalamp问题帮助我。
我有以下几个 - 使用Lavalamp的菜单栏。 - 单击菜单栏上的链接时,将内容加载到菜单栏上的div - 在我的内容中,我有一些链接链接到与菜单栏中相同的页面
菜单栏本身,看起来很棒。但是,当用户点击我的内容div内的其中一个链接时,我将能够专注于/突出显示相应的菜单项“菜单选项”。
,例如
<div><ul class="lavalamp">
<li><a href="Item 1.html">item 1</a></li>
<li><a href="Item 2.html">item 2</a></li>
<li><a href="Item 3.html">item 3</a></li>
</div>
<div id="dynamic-content">
<a href="Item3.html">Item 3.html</a>
</div>
.
当用户点击动态内容中的第3项时,Lavalamp上的选择应该改变。
有没有人有任何经验?
感谢
解决方案
我不知道您正在使用的jquery lavalamp。如果您使用的是使用SimpleCoder的答案。如果您使用的是这个,尝试:
$(function() {
var loc = window.location.href;
var filename = loc.substring(loc.lastIndexOf('/')+1, loc.length);
$('.lavalamp a, #dynamic-content a').each(function(){
if ($(this).attr('href') == filename){
$(this).parent().addClass('current');
}
});
$(".lavalamp").lavaLamp({
fx: "backout",
speed: 700
})
});
. 其他提示
要在Lavalamp上更改选择,请使用流域的lavaLamp()
函数重新定义Lavalamp:
$('#myLavalamp').lavaLamp({startItem: 4});
.
请注意,编号以0开始为0表示元素。此外,您必须包含您最初初始化Lavalamp的所有其他选项。
$(function() {
var loc = window.location.href;
var filename = loc.substring(loc.lastIndexOf('/')+1, loc.length);
$('#2 a, #dynamic-content a').each(function(){
if ($(this).attr('href').indexOf(filename)>-1){
$(this).parent().addClass('current');
}
});
$("#2").lavaLamp({
fx: "backout",
speed: 700
})
});
. 不隶属于 StackOverflow