当我们移动到下一个选项卡时,jquery ui tabs需要清空上一个选项卡

时间:2010-08-04 14:10:40

标签: jquery jquery-ui jquery-ui-tabs

我刚刚制作了一个脚本来清空之前选择的标签。当我们从1切换到2到3时它工作正常。

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

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
 }

});

由于我在每个标签中都有一个表单,因此我遇到了冲突,所以我需要清空上一个标签的内容。

感谢您的帮助, 戈壁:)

2 个答案:

答案 0 :(得分:2)

您正在通过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();
    }
});

答案 1 :(得分:2)

或在节目中你可以使用

$( “UI-突片隐藏。”)空();