如何设置jquery按钮的活动状态

我有一个使用 jquery 按钮的正确导航。如果用户点击它，页面就会加载。我需要的是，一旦页面重新加载，按钮应该显示它已被选中。

如何使用 jquery 按钮执行此操作？

为什么不使用 jQuery UI Tab 小部件？ 您也可以尝试使用按钮集小部件？

如果这些对你来说不是最佳选择，那么你可以使用一些 CSS 东西来发挥你的优势。以下代码设置了两个 jQuery UI 按钮，这两个按钮在单击时将保持活动状态，从另一个按钮中删除活动状态，并更新已单击的 div。

HTML

<button id="btn" class='nav'>Button 1</button>
<button id="btn2" class='nav'>Button 2</button>
<div id="data">Init....</div>

JavaScript

$(function() {

    //Variable of previously selected
    var selected = [];

    //Setup Buttons
    $('.nav').button().click(function() { 
        //Enable previous
        if(selected[0]) {
            selected.button('enable').removeClass('ui-state-active ui-state-hover'); 
        }    

        //Cache the previous
        selected = $(this);

        //Disable this and keep color attributes
        selected.button('disable').addClass('ui-state-active').removeClass('ui-state-disabled');

        //Do Normal Button Click Stuff Here
        $('#data').text(selected.text() + ' was clicked');
    });
    $('#btn').click();
});