使用 Fx.Morph 时如何禁用选定的列表项?

发布于 2024-12-23 08:40:29 字数 318 浏览 0 评论 0原文

http://jsfiddle.net/chakri/92tqF/

我需要上述代码的帮助。我正在尝试禁用菜单中所选项目的悬停效果。但我无法修改 Javascript(相当新)。

它是使用 Mootools Fx.Morph 的垂直导航。我试图通过将“selectedleftnav”类应用到列表项来使用它(当用户单击链接时,用户将位于此页面上)。不同页面的菜单是唯一的,因此我需要禁用每个页面的所选项目。

任何帮助表示赞赏。

谢谢!

http://jsfiddle.net/chakri/92tqF/

I need help with the above code. I am trying to disable the hover effect for a selected item in the menu. But am unable to modify the Javascript (fairly new).

It is a vertical Navigation using Mootools Fx.Morph. I am trying to use a class "selectedleftnav" by applying it to the list item (the user will be on this page when he clicks the link). The menu will be unique for different pages, so I need to disable the selected item for each page.

Any help is appreciated.

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

濫情▎り 2024-12-30 08:40:29

当您选择列表元素以应用效果时,可以使用:

var list = $('#idList LI');

您可以改进选择器以使用 :not() 选择器模式排除所选元素(这就是 CSS3 选择器,由 Mootools 支持,并且由于 Mootools 在每个浏览器中都可用):

var list = $('#idList LI:not(#selectedleftnav)');

在这里您可以看到生成的小提琴

When you select the list elements to apply the effect using:

var list = $('#idList LI');

You can improve the selector to exclude the selected one using the :not() selector pattern (that's the magic of CSS3 selectors, supported by Mootools and available thanks to Mootools in every browser):

var list = $('#idList LI:not(#selectedleftnav)');

Here you can see the resulting fiddle.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文