如何在重新加载页面时保持标签处于活动状态?

时间:2016-04-07 08:45:01

标签: javascript jquery twitter-bootstrap

点击Save按钮时会重新加载页面,并在parameter中添加url

window.location.replace('https://www.servis-racunara.net/pages/users.php?new_column_added');

所以,这就是我在url中设置天气参数的方法:

$(document).ready(function() {
    if (window.location.search.indexOf('new_column_added') > -1) {}
});

因此,页面如下所示:enter image description here

当url中有new_column_added时(即点击“保存”按钮时),页面应该重新加载,但是标签Edit User List应该是活动的,并且他的内容也应该在那里。这是使用Bootstrap

创建标签的方式
<ul id="mainTabs" class="nav nav-tabs  users-tabs" role="tablist">
   <li id="glavniUseri" role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">View Users</a></li>
   <li id="editUsers" role="presentation"><a href="#edit-user-list" aria-controls="profile" role="tab" data-toggle="tab">Edit User List</a></li>
   <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Target Groups</a></li>
   <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">API</a></li>
</ul>

这就是我设法使Edit User List处于活跃状态的原因:

$(document).ready(function() {
    if (window.location.search.indexOf('new_column_added') > -1) {
        console.log('radii ovoo');
        $('#glavniUseri').removeClass('active');
        $('#editUsers').addClass('active');
});

但所有这一切都是为了让Edit User List处于活动状态,但重新加载后会加载View Users标签的内容。我也尝试过这样做:

$(document).on('load', function () {
            var $link = $('li.active a[data-toggle="tab"]');
            $link.parent().removeClass('active');
            var tabLink = $link.attr('href');
            $('#mainTabs a[href="' + tabLink + '"]').tab('show');
        });

但这并不奏效。我之前已经问过类似的问题,但似乎没有一个解决方案适合我的情况。所以,如果你有一些想法,请帮助,我坚持这一点。

0 个答案:

没有答案