jquery - 当我们移至下一个标签页时，jquery ui标签页需要清空上一个标签页

我只是制作了一个脚本来清空先前选择的标签。从1切换到2到3时效果很好。

但是当我们从3切换到2到1时它不起作用。这是脚本

var prevTab = 0;
jQuery("#tabs").tabs({ fx: { opacity: "toggle" },
cache: false,
show: function(event, ui) {
alert(prevTab);
         var prevTab = ui.index;
   jQuery("#ui-tabs-"+prevTab).empty();  //set the new previous tab index to the    current index
 }

});

由于每个选项卡中都有一个表单，因此发生冲突，因此需要清空上一个选项卡的内容。

谢谢你的帮忙
戈壁：）

最佳答案

您正在通过var prevTab = ui.index在回调函数中创建一个新的局部变量。这样，当您退出函数（及其作用域）时，该值会丢失。使用现有的prevTab代替声明新实例，应该没问题

var prevTab = 0;
jQuery("#tabs").tabs({
    fx: { opacity: "toggle" },
    cache: false,
    show: function(event, ui) {
        alert(prevTab);
        prevTab = ui.index; //no var
        jQuery("#ui-tabs-"+prevTab).empty();
    }
});