2

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

但问题是,在我点击按钮后,相关函数(ajax() 函数)已经被调用。但是当我调用选项卡2时,该功能没有被tabselect事件触发或者事件没有被触发。为了测试,我在 tab 2 tabselect 事件的开头添加了一个警报功能。

我在前端使用 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();
                }
            });
4

0 回答 0