我有许多包含各种内容的链接按钮,例如选项卡,我需要使用 jquery 将一个类应用于单击的链接按钮,正在使用波纹管功能,但在发布支持页面时它不起作用
$(function() {
$('a').click(function() {
$(this).addClass('selected');
}, function() {
$(this).removeClass('selected');
});
});
提前致谢
我有许多包含各种内容的链接按钮,例如选项卡,我需要使用 jquery 将一个类应用于单击的链接按钮,正在使用波纹管功能,但在发布支持页面时它不起作用
$(function() {
$('a').click(function() {
$(this).addClass('selected');
}, function() {
$(this).removeClass('selected');
});
});
提前致谢
这不会像您期望的那样起作用,因为添加了类,然后刷新了页面。
你真的不需要任何Javascript,这就是我的做法。
每个页面都有自己的ID
<body id="aboutPage">
每个菜单项也有自己的 ID:
<li id="aboutMenuItem">About</li>
然后在您的 CSS 中,您可以专门为您所在的页面点击 li:
#home #homeMenuItem,
#about #aboutMenuItem,
[...]
{
/* Style for the selected menu item here */
}
尝试绑定点击事件或做这样的事情......
$(function() {
$('a').live('click', function() {
$(this).toggleClass('selected');
});
});