0

我的网站顶部有两个选项卡，名为“业务”和“个人”。当页面第一次加载时，Business 选项卡的项目显示在选项卡下方的栏中。通过单击 Perosnal，它会显示个人项目。这对我来说很好。现在我想更改代码中的某些内容，当我单击任何个人菜单项时，页面会刷新，并且再次显示业务菜单项。看看这里的网站

这是我的 Jquery 代码：

$(document).ready(function() {

    $('.business-tab').show();
    $('.personal-tab').hide();
    $('.business-tab #block-nice_menus-2').hide();
    $('.business-top').children().css('color','#00A2C8');
    $('.personal-top').children().css('color','#000000');
    $('.business-top').click(function(e) {
        e.preventDefault();
        $(this).children().css('color','#00A2C8');
        $('.personal-top a').css('color', '#000000');
        $(this).css('margin-bottom', '0px');
        $('.personal-tab').hide();
        $('.business-tab').show();
        $('.business-tab #block-nice_menus-2').hide();
    });
    $('.personal-top').click(function(e) {
        e.preventDefault();
        $(this).children().css('color','#00A2C8');
        $('.business-top a').css('color', '#000000');
        $(this).css('margin-bottom', '0px');
        $('.personal-tab').show();
        $('.business-tab').hide();
        $('.personal-tab #block-nice_menus-2').show();
        $('.personal-tab #block-nice_menus-1').hide();
    });

});

我知道当页面刷新时它会执行我在文档中编写的代码。当我单击个人菜单下的任何项目时，页面刷新后它会再次转到业务菜单及其项目。我不希望这样，而是希望显示个人物品。我怎样才能做到这一点 ？非常感谢您的帮助。

4

2 回答 2

1

您可以使用cookie。

将一些代码附加到您的click()事件中，这些代码设置一个 cookie，告诉客户他们是在商业方面还是在个人方面进行浏览。我不会粘贴代码，因为我只会直接从我发布的链接中复制代码。但是在您的click()活动中，您需要添加

setCookie("navigation_side", 1, 1);

第二个参数告诉你他们在哪一边导航。我只是选择了 int，你可以选择 string、boolean 等等。

然后在您的代码顶部，您将拥有

if ( getCookie("navigation_side") === 1 ) {
    $('.business-tab').show();
    $('.personal-tab').hide();
} else {
    $('.business-tab').hide();
    $('.personal-tab').show();        
}

确保设置适当的过期时间！祝你好运。

于 2011-07-18T05:42:30.120 回答
1

我正在回答我的问题。我找到了解决方案，所以我只想分享它，以便其他任何人都可以从答案中受益。我已经存储了当前的 url 并用它来解决我的问题。让我们看一下更新后的 jquery 代码。

$(document).ready(function() {

var href = $(location).attr('href');
var substr = href.split('/');
var currentUrl = substr[3];
if( currentUrl == 'personal-mobile' ) {
    $( '.personal-tab' ).show();
    $( '.business-tab' ).hide();
    $( '.personal-tab #block-nice_menus-1' ).hide();
    $( '.personal-top' ).children().css('color','#00A2C8');
    $('.business-top a' ).css('color', '#000000');
}
else {
    $( '.business-tab' ).show();
    $( '.personal-tab' ).hide();
    $('.business-top').children().css('color','#00A2C8');
    $('.personal-top').children().css('color','#000000');
}

$('.business-tab #block-nice_menus-2').hide();

$('.business-top').click(function(e) {
    e.preventDefault();
    $(this).children().css('color','#00A2C8');
    $('.personal-top a').css('color', '#000000');
    $(this).css('margin-bottom', '0px');
    $('.personal-tab').hide();
    $('.business-tab').show();
    $('.business-tab #block-nice_menus-2').hide();
});
$('.personal-top').click(function(e) {
    e.preventDefault();
    $(this).children().css('color','#00A2C8');
    $('.business-top a').css('color', '#000000');
    $(this).css('margin-bottom', '0px');
    $('.personal-tab').show();
    $('.business-tab').hide();
    $('.personal-tab #block-nice_menus-2').show();
    $('.personal-tab #block-nice_menus-1').hide();
});

});

于 2011-07-18T06:26:05.833 回答