这对您来说可能很容易,但我似乎不知道要搜索什么。我使用的 CMS 没有我想使用的菜单,所以我必须自己做,但我不知道如何:
我有 5 个按钮可以通向其他页面。当我转到页面“2”时,我希望按钮“2”在单击按钮时自动更改为另一个背景。
我认为必须有某种 jQuery 可能性来检查它是否是页面“2”,然后更改该按钮的按钮颜色,但除此之外我没有任何线索。
希望有人能给我一些建议。谢谢 :-)
这是我在快速谷歌上找到的一些代码:
<script type="text/javascript">
jQuery(function() {
jQuery('.primary-nav a').each(function() {
if (jQuery(this).attr('href') === window.location.pathname) {
jQuery(this).addClass('current');
}
});
});
</script>
这假设导航链接位于带有 class-name 的元素中primary-nav
,并且格式是通过current
CSS 中的 class-name 实现的。
这适用于 a-tags(具有 href 属性),因此它将取决于您的按钮是如何设置的。(它们可能是刚刚格式化为按钮的链接。)
我搜索jquery 以格式化当前页面链接
如果您的按钮不是链接,而是使用点击事件触发一些 jQuery 代码,然后更改页面的位置,则需要做更多的工作。您可能必须为当前页面链接/按钮提供一个 id,并使用 css 格式化此 id。但是,这意味着您必须将此 id 添加到每个页面的相关按钮中。