Tag: 菜单

将活动类添加到当前页面导航链接: 嗨，我需要帮助使我的导航显示当前页面上突出显示的活动链接。换句话说，当我点击链接转到新页面时，我希望在打开新页面后突出显示该链接。我可以通过在每个页面上的活动链接添加一个类来处理这个问题，但由于会有很多页面，我宁愿用JS动态地执行此操作。我怎么能用Javascript做到这一点？…我将非常感谢你的帮助，谢谢。下面是我正在使用的代码，您可以随意编辑。这是HTML，只是一个结构导航的列表 About SfT page1 page2 Textpattern Typo Your Life page3 Ruby Python PERL Java C# Your Health Bookalicious Apple Nikon XBOX360 Nintendo Your Call Yahoo! Google Ask.com Live Search CSS（非常小，仅用于测试目的）： body { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; } p { line-height: 1.5em; } #main {font-size:2em;} ul.menu, ul.menu ul { […]

菜单mouseenter mouseleave click: 有人可以帮帮我吗？我想要一个带有动画的下拉菜单，其中包含mouseenter和mouseleave事件，但是当鼠标输入后单击时，我希望子菜单保持可见，直到页面中的任何位置新单击（在示例中仅在正文中）。在第二次点击之后（与mouseleave相同的动画）我想要mouseenter和mouseleave .on就像我们开始时一样。 $(‘#menu > li’).on(‘mouseenter’,function(){ //mouseenter handler }); $(‘#menu > li’).on(‘mouseleave’,function(){ //mouseleave handler }); $(‘#menu > li’).toggle( function () { $(‘#menu > li’).off(‘mouseenter mouseleave’); }, function () { //mouseleave handler }); $(‘body’).click(function(){ //same mouseleave handler }); 我不知道如何在第二次点击后启用mouseenter / mouseleave。对不起，谢谢。

li菜单需要“选中”类: 当用户点击菜单选项卡时，我希望它保持选中状态，并带有白色按钮。这是我的尝试，但它不起作用。如果你点击主页按钮它不会保持白色。 HTML HOME ABOUT CONTACT CSS： body{ background-color:orange; } #navigation a { background: url(“http://sofzh.miximages.com/jquery/spxfdw.png”) no-repeat scroll 0 0 transparent; color: #000000; height: 43px; list-style: none outside none; padding-left: 10px; text-align: center; text-decoration: none; width: 116px; } #navigation a span { padding-right: 10px; padding-top: 15px; } #navigation a, #navigation a span { display: block; […]

随地点击关闭菜单: 你们可以看到，我有一个下拉菜单。我有很多列，每个列都有一个打开菜单的选项。 $(“.optionCont”).live(“click”, function(){ $(“.dropMenuCont”).slideUp(); if ($(this).next().css(“display”) == “none”) { $(this).next().slideDown(); } else { $(this).next().slideUp(); } }); 那么，当我点击页面的任何位置时，如何进行菜单slideUp？像文档点击一样？我访问了其他主题，但我不知道为什么，这不起作用。也许我是以不同的方式做到这一点。我接受菜单编码中的任何提示。演示： Jsfiddle

jQuery得到.text（）但不是span中的文本: 大家好，这是我的jQuery部分，为我的页面制作菜单。 function fetchmenus() { $.getJSON(‘sys/classes/fetch.php?proccess=1’, function(status) { // get line status $.each(status, function(i, item) { if (item.id == “1”) { active = “class=’active'”; lastpageid = item.href; } else { active = “class=’nonactive'”; } $(” + item.menuTitle + ”).appendTo(‘#menuarea ul#mainmenu’); }); }); } 我想要做的是在<a但在< <a之前获取目前我是这样做的： $(‘ul#mainmenu li’).live(‘click’, function(event) { //alert(this.id); $(“li#” + lastpageid).removeClass(); fetchpage(this.id); $(“#largemenutop”).html($(this).text()); […]

单击切换下拉菜单: 我正在尝试创建一个下拉菜单，该菜单在点击时激活，而不是在hover时激活。到目前为止，我点击了一点点javascript，但是子菜单显示得很好，如果点击了其他菜单，其他子菜单隐藏了，如果单击其父菜单，我无法弄清楚如何隐藏子菜单。 EG在这个JS小提琴中我可以点击“父母1”来揭示它的孩子，当我点击“父母2”父母1的孩子隐藏和父母2的孩子显示。但是，如果父母1的孩子表明我希望能够通过再次点击父母1来隐藏他们（或者甚至更好地在孩子外面的任何地方）我已经看到了一些示例，其中每个父级和子菜单都有单独的类或ID。我想避免这种情况，因为它需要在cms中工作。这是我的基本代码 HTML： Parent 1 Parent 1 » Child 1 Parent 1 » Child 1 Parent 1 » Child 1 Parent 2 Parent 2 » Child 2 Parent 2 » Child 2 Parent 2 » Child 2 Parent 3 Parent 3 » Child 3 Parent 3 » Child 3 Parent […]

使用ASP.NET，JQuery和Suckerfish构建数据库驱动的菜单: 我正在尝试使用Suckerfish css菜单和Jquery从表创建菜单。我正在使用它作为我的参考：使用ASP.NET和JQuery的Suckerfish菜单，我使用手动提供的链接（非常类似于文章）。我遇到问题的地方是编写递归函数以从数据库中获取菜单项并在适当的层次结构中创建新的菜单项。我的数据库表如下所示：表格菜单 MenuID ParentID链接文本这个想法是，如果一个项目是父级项目，则MenuID和ParentID是相同的，如果它是一个子项，它将在ParentID字段中具有它的父项的MenuID。我需要创建一个function，可以通过并找到父母的所有子项（可能是几个级别），并让它替换这样的手动条目： Dim Foo As New MenuItem(“#”, “Foo”, Me) Items.Add(Foo) Foo.Items.Add(New MenuItem(“#”, “1”, Me)) Foo.Items.Add(New MenuItem(“#”, “2”, Me)) Foo.Items.Add(New MenuItem(“#”, “3”, Me)) Foo.Items.Add(New MenuItem(“#”, “4”, Me)) 我愿意在必要时更改数据库表结构，并基本上做其他事情来实现这一目标。感谢您的任何意见，我们非常感谢。

如何在向下滚动时缩小导航菜单？: 对于我正在开发的新网站，我希望在用户向下滚动时缩小导航菜单。类似于您在IBM站点上看到的内容： http ： //www.ibm.com/us/en/ 我找不到任何jQuery实现或教程（我确信我必须搜索错误的关键字）因此，如果有人能指出我正确的方向，那将会让我非常开心。提前致谢！

在hover时使用幻灯片和滑动的JQuery下拉菜单是跳跃式的: 我已经使用jQuery slideup和slidedown为这些函数创建了一个非常简单的下拉菜单 – 但是如果将鼠标快速移动到它上面，或者如果鼠标保持在上面，它会非常跳跃（我正在使用Firefox 3.6.8）其中一个子菜单项。我在以下链接中做了一个工作示例： http://jsfiddle.net/jUraw/19/ 如果没有.stop（true，true）函数，情况会更糟。我也试过添加hover-intent，但因为我在同一个div中有一个hover触发的幻灯片，它与幻灯片的function相冲突。有什么我想念的吗？我听说过clearqueue可能有效，或者可能超时，但无法弄清楚在哪里添加它们。谢谢大家。

如何在点击而不是hover时打开Superfish jQuery菜单？: 我已经在网上快速浏览了Joel Birch实施的Superfish菜单，该菜单适用于onclick，而不是hover。在Github找到了Karl Swedberg的链接，看起来像是票。 https://gist.github.com/917446 它就像一个魅力，直到我点击一个活动的链接，此时菜单关闭，似乎返回false。如何让它导航到实际的链接目的地？