jQuery LavaLamp：如何使用lavaLamp外部的超链接在所需的LI上移动/设置lavalamp高亮显示
现在这个问题已被问过，但我无法得到答案。 我有一个Lavalamp里面有4个LI，点击它们每个都会在div中加载一些内容。
一切都很好。 现在我在lavalamp之外的同一页面上有一个超链接。 我希望这一点，当我点击该链接时，lavalamp高亮显示应该移动到特定的li并保持在那里。
为了使自己清楚，我有一个像这样的Lavalamp LI：Home，Work，About，Contact。 我还在页面的某处有一个“联系”链接。 当我点击“联系”链接时，lavaLamp应该将突出显示从第四个选项“联系”移动到任何地方。
如果您正在使用此lavalamp插件 ，则需要使用trigger()激活mouseenter并单击事件……这是一个演示 。
HTML
contact me!
脚本
$(document).ready(function(){ $('ul#menu').lavaLamp(); $('.contact').click(function(){ $('#menu a[href*=contact]').parent().trigger('mouseenter').trigger('click'); return false; // added to prevent propogation }); });
大声笑，好吧，因为你正在使用另一个lavalamp插件……这里是你可以使用的代码。 此外，由于lavaplamp插件提供了点击function，我通过在那里添加function（ 新演示 ）使javascript不引人注目。
HTML
Home page stuff goes here. Work information goes here. About me. Contact me.
You can see my work or contact me.
脚本
$(function() { // set up lavalamp $(".lavalamp").lavaLamp({ fx: "backout", speed: 700, click: function(event, menuItem) { // change information box var $block = $( $(menuItem).find('a').attr('href') ); $('.info').not($block).hide(); $block.fadeIn(); return false; } }); // initialize information box $('.current').trigger('click'); // make links outside of the lavalamp work $('.links a').click(function(){ var block = $(this).attr('href'); $('.current').removeClass('current'); $('.lavalamp').find('a[href=' + block + ']').parent().trigger('click'); }); });