javascript - Bootstrap 3 - 将页面刷新到特定选项卡

Question

我有一个页面，上面有 5 个选项卡 - 单击任何选项卡上的“保存”按钮后，它应该执行诸如验证和将数据发布到 Controller 等任务 - 效果很好。一旦 Ajax 调用成功返回，它就会调用一个警报，让用户知道它已成功保存数据，然后(这就是出错的地方)刷新页面；返回到同一选项卡。

目前只是修改了右侧标签页的地址栏地址，并没有真正刷新页面。 我必须手动按 URL 栏上的 Enter 才能刷新。

我的文档中有此代码。准备好:

$(function () {
            var hash = window.location.hash;
            hash && $('ul.nav a[href="' + hash + '"]').tab('show');

            $('.nav-tabs a').click(function (e) {
                $(this).tab('show');
                var scrollmem = $('body').scrollTop();
                window.location.hash = this.hash;
                $('html,body').scrollTop(scrollmem);
            });
        });

这是我的 Ajax 函数 - 它可以工作，但是刷新页面的代码可以按照上面的详细说明进行操作。

$.ajax({
     type: "POST",
     url: '@Url.Action("AddNewAssessment","ChangeManagement")',
     dataType: "text",
     contentType: "application/json; charset=utf-8",
     data: JSON.stringify(dataList)
}).done(function (data) {
     if (data == "Success") {
         alert("Saved successfully");
         var test = window.location.href + "tab_Assessment";
         window.location.href = test;
      }
}).fail(function () {
     alert("There was a problem, please try again.");
});

我做错了什么？

根据我所做的研究，似乎没有人遇到这个问题(我已经查看了多个 SO 问题。)

Answer 1

您不应使用 location.href 来更改选项卡。 查找Bootstrap-Doku关于选项卡以手动更改选项卡。

$('#myTabs a[href="#profile"]').tab('show') // Select tab by name
$('#myTabs a:first').tab('show') // Select first tab
$('#myTabs a:last').tab('show') // Select last tab
$('#myTabs li:eq(2) a').tab('show') // Select third tab (0-indexed)