javascript - 当前菜单项

Question

我一直在尝试在网上找到的每一个教程，但似乎没有一个对我有用。

我有这些按钮:

    <a href='faq.php'><div class='button'>
    <div class='button_top'>
    </div>
    <div class='button_bot'>
    FAQ
    </div></a>

http://jsfiddle.net/6G8bk/

如果页面 URL 与按钮的 href 相同，我希望按钮的顶部保持突出显示。

提前寻求任何答案!

这是我尝试过但仍然无法使用 jquery 的固定 jsfiddle:http://jsfiddle.net/6G8bk/4/

Answer 1

一些事情:

1. 在 jQuery 中，您尝试选择所有 <a>父类为 button 的元素，并且根据您的 HTML，您没有( button 类是 <a> 元素的子级)。

2. 该页面的 URL 在 JSFiddle 中不起作用，因为它将获取 JSFiddle 链接，该链接与您网站上的链接不同。

3. 既然你想要button_top要在悬停时可见，您需要使用 JavaScript。据我所知，您无法使用纯 CSS 来操作悬停时的另一个元素。

这是一个我认为你想要的工作 fiddle 。我在代码中留下了可能对您有帮助的注释。

http://jsfiddle.net/6G8bk/6/