javascript - 单击后隐藏菜单（淡出）

Question

这个简单的 html css 菜单。现在它可以很好地用于页面重定向（href）。

但我想在点击后隐藏。

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

http://jsfiddle.net/5TBFr/代码在链接中

Answer 1

我想这就是你要找的东西：http: //jsfiddle.net/5TBFr/26/

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

Answer 2

首先，如果我理解你，你想要什么，你将需要 jQuery，为什么？因为 javascript 不知道哪些 CSS 属性会影响特定元素。

其次，您使用 CSS 的方式不正确，您将设计和功能混合在一起，对于像这样的最简单的任务，您会遇到像这样的问题。即使可以，CSS 也不打算显示或隐藏菜单，CSS 甚至可以动态地设置样式，但是当涉及到用户交互时，您就完蛋了。所以要小心：P

在 jQuery 中应该是这样的：

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

http://jsfiddle.net/5TBFr/25/