javascript - 重新加载页面并转到之前事件的选项卡 php jquery-jtable

Question

我想在用户单击 jquery-jtable 表单上的 submit 按钮后重新加载页面并导航到用户之前事件的选项卡。我现在重新加载页面，但在重新加载之前不会导航到用户的最后一个事件选项卡。这些选项卡是使用 jquery ui 创建的。这是缩短的 html:

    <div id="tabs">
            <ul>
                <li><a href='#tabs-TasksWithRisks'>Tasks With Risks</a></li>
                <li><a href='#tabs-Lessons-Learned'>Lessons Learned</a></li>
            </ul>

           <div id='tabs-TasksWithRisks' class='tab'>
                <div id="TasksWithRisksTableContainer" class="jTableContainer" style="width:100%;"></div>
            </div>
            <div id='tabs-Lessons-Learned' class='tab'>
                <div id="LessonsLearnedTableContainer" class="jTableContainer" style="width:100%;"></div>
            </div>            
     </div>

<script type="text/javascript">
    var project_id = <?php echo $project_data['project_id']; ?>;
    var modify = <?php echo $modify ? 'true' : 'false'; ?>;
    $(document).ready(function() {
        loadViewProjectTasksWithRisksTable('TasksWithRisksTableContainer', project_id, modify);
        loadViewLessonsLearnedTable('LessonsLearnedTableContainer', project_id, modify);
</script>

<小时/>

function loadViewLessonsLearnedTable(ContainerID, project_id, modify, no_toolbar) {
    var fields = $.extend(true, fields, LessonsLearnedFields); //copy, don't reference
    fields.Responses = getLessonsLearnedResponseChildTable(ContainerID);
    $('#' + ContainerID).jtable({
        title: 'Lessons Learned',
        paging: true,
        pageSize: 100,
        sorting: true,
        defaultSorting: 'WBS ASC',
        actions: {
            listAction: config.base_url + 'data_fetch/risks_cause_by_project/' + project_id,
            deleteAction: config.base_url + 'data_fetch/delete_risk/',
            updateAction: config.base_url + 'data_fetch/update_lessons_learned_risk/' + project_id 
        },
        messages: defaultRiskMessages,
        fields: fields,        ,
        formSubmitting: function(event,data){
            $('select[name=cause]', data.form).attr('name','cause[]');
            location.reload(true);
            return data;
        }
    });
    $('#' + ContainerID).jtable('load');
}

我累了 location.href = config.base_url + '#tabs-Lessons-Learned'; 但这不起作用。我在网上找到的大多数可行的解决方案都是针对 Bootstrap 的，因此它们没有太大帮助。

我找到了this question on stackoveflow但我无法根据我的需求定制答案。

非常感谢所有帮助。

Answer 1

我使用了loaction.assign('address_I_wanted_to_go_to')，而不是location.reload(true);