我正在使用XSL(XML)1.0显示一些内容。我有一个子类别和一个子类别;当我在类别中点击链接时,它会添加一个查询参数。我试图在点击链接时使用jQuery添加/删除一个类。它会被更改但在页面刷新后会删除所有更改。
Category
---------
United States
Australia
India
SubCategory
--------------
United States
Texas
New York
Florida
Australia
Sydney
Melbourne
Brisbane
India
Delhi
Mumbai
Gujrat
所以,当我点击美国时,它会添加?Category=United States
,我只想为美国显示子类别:
$('.main-nav ul li').click(function(){
$('.main-nav ul li').removeClass('current');
$(this).addClass('current');
var contentId = $(this).attr("id");
alert(contentId);
changeContent();
});
function changeContent(){
$('.sub-nav').removeClass('currentitem');
//find which item is current
var contentId = $('.main-nav ul li.current').attr("id");
//display the related content
$("div#" + contentId).addClass('currentitem');
}
我正在隐藏并显示内容抛出CSS。因此,当我单击时它会更改类,但当查询参数刷新页面时,它会删除所有内容。