JQuery第一个请求阻止了以下请求

Question

我正在构建一个Web应用程序。我在选项卡上有一个按钮1.单击此按钮后，后端会有一些逻辑处理。然后我想导航到选项卡2.在此选项卡中，我可以看到处理的更新。

但问题是，在我点击按钮后，调用了相关的函数（ajax（）函数）。但是当我调用选项卡2时，tabselect事件不会触发该函数，或者不会触发事件。为了测试，我在tab 2 tabselect事件的开头添加了一个alert函数。

我在前端使用了jQuery，在后端使用了Flask

以下是按钮点击事件

    <i>
         /** Start test button request **/
            $('#btn_start_test').click(function() {
                $('#btn_start_test').attr('disabled', 'disabled');
                $('#btn_stop_test').removeAttr('disabled');
                setTestStatus('running');
                var indexes = '';
                var test_option = $('input[@name=test_option]:checked').val();
                if (test_option == 1) { // Test checked testsuites
                    $.each($('input[name="testsuites_group"]:checked'), function(index, value) {
                        indexes += '&index' + index + '=' + $(this).attr('id');
                    });
                }
                var startTest = $.ajax({
                                                    type: 'POST',
                                                    url: '/start_test',
                                                    data: indexes
                                             });
                //startTest.complete(function() {
                //  $('#btn_start_test').removeAttr('disabled');
                //  $('#btn_stop_test').attr('disabled', 'disabled');
                //  setTestStatus('idle');
                //});
            });
    </i>

以下是另一个标签选择事件：

            $("#tabs").bind('tabsselect', function(event, ui) {
                if (ui.index == 0) {
                    loadPage();
                }else if (ui.index == 1) {
                    loadStatusTab();
                }
            });