当前菜单项

Question

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

我有这些按钮：

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

http://jsfiddle.net/6G8bk/

并且我希望如果页面网址与按钮的href相同，则按钮的顶部会保持突出显示。

预先提出任何答案！

这里是我试过的jquery和jquery的固定jsfiddle，但仍然无法工作：http://jsfiddle.net/6G8bk/4/

Answer 1

一些事情：

1. 在您的jQuery中，您尝试选择父类为<a>的所有button元素，并根据您没有的HTML（{{1} } class是button元素的子元素。

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

3. 由于您希望在悬停时可以看到<a>，因此您需要使用JavaScript。据我所知，你不能用纯CSS操纵另一个元素。

这是我认为你想要的工作小提琴。我在代码中留下了可能对您有帮助的评论。

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

Answer 2

您可以使用$ _SERVER [“SCRIPT_NAME”]检索当前网址页面，并将其与菜单中的每个元素进行比较。

如果匹配，则在菜单元素中使用CSS规则放置另一个类，以获得所需的布局。