我正在构建一个 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();
}
});