Javascript 单击后隐藏菜单（淡出）

这个简单的html css菜单。 现在页面重定向（href）工作正常

但是我想在单击后隐藏它。

我只是在单击该函数时调用它，它将调用ajax请求

代码在链接中

---

首先，如果我理解你的意思，那么你需要jQuery，为什么？因为javascript不知道CSS属性对特定元素有什么影响

其次，您使用CSS的方式并不正确，您将设计和功能混为一谈，对于像这样最简单的任务，您将遇到像这样的问题。CSS的目的不是显示或隐藏菜单，即使你可以，CSS的风格，即使是友好的事情，但当用户的互动涉及到你是螺丝钉。所以要小心：P

在jQuery中，应该是这样的：

$(document)​.ready(function()
{
    $('ul').on('click', 'li a', function()
    {
        $(this.parentElement.parentElement).hide();
    });
});​

---

我想这就是您要找的：

---

我在a元素上添加了一个click事件，返回false，因此请求被停止。您可以在那里添加ajax请求。我做了一些变通，移动“ul”元素，使鼠标离开并隐藏，然后将其移回初始位置。

请您重新表述您的问题，我在第二行之后迷路了：（它在Mozilla Firefox中正常工作。您是否正在尝试其他浏览器。它在单击Google Chrome后也会关闭…如果它在explorer上正常工作，它也会在explorer上正常工作！即使在mars上也会正常工作！他们使用的浏览器是什么：）您的JSFIDLE可以工作，因为您一直在执行请求。您必须在单击时返回false。返回false只对您工作一次，因为它隐藏的ul元素将不再出现。“因为javascript不知道CSS属性对特定元素有何影响。”当然可以。因为jQuery是JavaScript，所以jQuery可以做的任何事情，JavaScript都可以做。@j08691当然，jQuery是JavaScript，但我不想知道jQuery在一个简单的花式列表中检索什么内容所有css属性都会直接影响DOM元素。如果你知道，请appreciated@gabitzish如果我读对了Ankur不想阻止默认的bheaviour，但在用户单击菜单时隐藏它。刷新页面已经隐藏了菜单…因此，我看不出您的结果和他的结果有什么区别。

。最近（'ul'）

可能比

父项（）更好。父项（）

@gabitsh:隐藏后它不起作用。下次它不会出现（不淡入）。答案中的链接已过时。这里有一个不刷新即可工作@Gabizish:您的解决方案是正确的，但会产生问题…左右移动孔gui：（任何其他解决方案或任何其他菜单…？请记住我的页面从不刷新。。