问题标签 [lavalamp]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
6056 浏览

javascript - jquery Uncaught TypeError:无法读取未定义的属性“左侧”

最近,我根据 nettuts 教程制作了一个 lavalamp 插件,它在我的其他网站上运行良好。我想在我的其他网站上重用它,但我收到了这个错误:

未捕获的类型错误:无法读取未定义的属性“左侧”

我是 jQuery 的初学者,我真的不知道如何修复它。

代码:

该错误适用于这部分:

有人可以给我一个提示吗?

编辑

HTML

0 投票
1 回答
298 浏览

javascript - 全屏滑动站点,Lavalamp 不起作用

我正在为导航栏使用带有 lavalamp 功能 (spasticNav) 的全屏滑动网站(fss 滑块)。在每张幻灯片中,我都放置了相同的菜单,其中页面 li 项具有“当前”类。但是,lavalamp 的 javascript 仅适用于第一张幻灯片。诚然,我是 javascript 的初学者。我已经研究并尝试了 50 种不同的方法来解决此问题,但无法使其正常工作。

我相信解决此问题的可能途径是 1. 在滑块之外只有一个菜单。但是,当我尝试这样做时,幻灯片的链接不起作用。或 2. 更改活动类和绑定。我在这方面的尝试导致 lavalamp 变得疯狂,将所有 li 项目视为活动或 3. 使用回调

任何想法或帮助将不胜感激!谢谢

这是基本的 HTML

...第 4 页和第 5 页

lavalamp 功能的 javascript 是

0 投票
2 回答
264 浏览

javascript - Lavalamp 菜单 - 未捕获的 TypeError

我在寻找 Lavalamp 菜单解决方案时发现了这个小脚本。我不确定这是否是最好的,但看起来不错并且可以轻松修改。

但是,它在控制台中包含一个错误,我不喜欢错误,因此将不胜感激。

Lavalamp 菜单原始来源

Lavalamp 菜单修复 JS Fiddle

您可以转到该 JS Fiddle 修复程序并在通过菜单时在控制台中查看它会显示该属性错误。

我不知道如何解决这个问题,所以有什么提示吗?

0 投票
1 回答
740 浏览

jquery - jQuery LavaLamp 下拉菜单

我一直在寻找解决方案,但不幸的是我找不到任何解决方案。

这是关于保持浮动边界。当您指向子菜单的元素时,边框会运行到位置 .active li (取决于哪个页面处于活动状态 - 例如:如果主页正在运行,则“主页”得到类 = 活动)。

如果它停留在指示光标的元素上会很好。

薰衣草灯来源:http://chiroandmelinda.com/jscripts/lavalamp-0.2.0/demo.html

我的代码

//编辑

有没有办法改变“返回”和“移动”功能?

源 - jquery.easing.min.js

0 投票
2 回答
593 浏览

jquery - 菜单动画和悬停状态——简单的jQuery解决方案(LavaLamp菜单的想法)

我在主站点导航菜单中遇到以下问题。我已经审查了编辑在提问时提出的一些问题,但没有一个是我要找的东西……我真的很抱歉提出这样一个具体的问题。

演示:http: //jsfiddle.net/fYq6k/1/

解释:菜单必须选择当前。但是,当您悬停另一个时#menu li a,当前状态必须消失并出现在悬停的元素上。悬停时,如果没有点击,当前状态必须回到真实的当前状态#menu li a

笔记:

  • 它应该是一个基于尽可能多的 CSS 和尽可能少的 jQuery 的解决方案。但我确实理解 jQuery 是必要的

  • 必须尊重小提琴的过渡

  • 如果这并不意味着额外的代码,我希望它也可以与焦点状态一起使用

你们是很棒的人,非常感谢您的帮助!

这是我自己制作的代码,当然,不起作用......

CSS:

HTML(典型的、有效的 HTML5 菜单):

0 投票
0 回答
537 浏览

jquery - 与 jQuery 缓动、县和 lavalamp 插件冲突?

我在我正在工作的站点中使用 jQuery 缓动、县和 lavalamp 插件。使用 lavalamp 插件的菜单不起作用.. 实例化代码是

Firefox 显示的错误是这样的,

虽然是这样,但我放置了一个使用县插件的计时器

同样的事情发生了,

但是这两个插件在他们自己单独的 demo.html 文件中工作得很好。

我在头部的文件顺序

script.js 通常是我初始化插件的地方。

此外,我包含的 jquery.js 是 jquery-1.10.2.js 但我的整个网站在没有这个的情况下表现得很奇怪,

这不应该与我的 jquery.js 文件具有相同的目的吗?

编辑:刚刚意识到 lavalamp 插件使用 easing.js,如果使用 easing.js,县级插件将不起作用.. Firefox 代码:

0 投票
1 回答
125 浏览

jquery - jquery lavalamp 孩子不要留下来

早上好。

我遇到了 lavalamp 的问题,我有一个 Web 应用程序结构,例如

首页 Category1 --Product1 --Product2 --Product3 Category2 --Product4 --Product5 --Product6

我有一个带有 Home、Category1 和 Category2 的顶部导航。但是当我进入 Productx 时,lavalamp 会把我的酒吧粘在家里。

现在我只有

还有我的菜单

CSS

因此,当我单击 Category1 并单击 Product1 的链接时,我希望 lavalamp 留在 Category1,但现在他回到家中。

有人有解决方案吗?

我知道通过改变是可能的

经过

$li.not(".back").mouseover(function(){move(this)},noop);

让 Lavalamp jQuery 插件与下拉菜单一起使用?

但我没有找到它......在 v 1.4.min


编辑:

找到解决方案:在我的导航构造函数中查看当前页面,如果它是子页面,则手动添加 selectedLava 类

0 投票
1 回答
1360 浏览

javascript - 多个 jQuery 脚本冲突

我对一些 jQuery 脚本有疑问。它们分开工作(当评论使用另一个时)但是当我希望它们一起工作时,它会完全停止工作。我读到了 .noConflict() 方法。但是,我对 js 和 jQ 很陌生,我不确定它是否是我正在寻找的。更重要的是,即使是问题所在,我也可能无法正确使用 noConflict() 。如果有人能帮助我,我会非常高兴。

我的标题的一部分:

脚本的使用:

上面的代码有效,但只有 lavaLamp 部分。当我删除评论时,它会全部崩溃。

0 投票
1 回答
188 浏览

jquery - 我正在使用 Lavalamp 但我正在尝试使用三角形而不是背景色但它不起作用

我正在尝试在我的菜单中添加 lavalamp 效果。而且我阅读了 lavalamp 文档,并且我的效果已经生效。但我想要在我的菜单中使用背景颜色,我想要一个三角形(如上图)跟随鼠标的菜单。菜单上方的白色三角形 这是我想要做的事情:http: //jsfiddle.net/ritz/6CWc5/ 但我不能做三角形,我不明白为什么。你能给我一点帮助吗?

我的代码:

HTML:

jQuery:

CSS:

0 投票
1 回答
81 浏览

javascript - 用于 JQuery 的 LavaLamp,初始状态

我已经集成了 LavaLamp 滑动菜单的代码,到目前为止效果很好(我遇到了一些问题,但能够通过阅读板快速解决它们)但是有一件令人沮丧的事情阻碍了我。当您最初加载页面时,菜单悬停背景位于错误的位置,它关闭但有点偏离。例如,转到主页并且背景状态比应有的稍宽,将鼠标悬停在它上面并更正,现在转到另一个链接,说关于页面,没问题,但硬刷新和它最初的方式,再次悬停它很好......我认为我的客户不会喜欢这个,但似乎无法修复它,请帮助!

资料来源:http ://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/?cp=all#comments

我的页面:http ://www.kristophersamari.com/concorde/index.html

编辑:注意到根据选择为当前的菜单项,它越向右偏移。即“家”只是偏移了一点。“关于我们”多一点,等等,然后“联系”就离我们很远了……