返回未定义的Jquery

我使用tabswitch from

我正在尝试添加额外的功能以返回选项卡的总数 我试图在函数中返回一个值 getLength中的alert语句输出正确的值 但返回的值未定义

这是我的密码：

//the function within tabswitch function:
var getLength = function(){
   var $totalPages = parseInt((Obj.length));
   alert('getLength function totalPages = '+$totalPages);
   $('.pagetotal').html(' '+$totalPages); //this correctly sets the element to the correct value
   return ($totalPages); // this returns undefined?
}

function setTabIndex(){
   $totalPages = $('.SlideTab').tabSwitch('getlength'); //undefined?
   $mypage = parseInt($(".SlideTab").tabSwitch('index')+1);
   $currentIndex = parseInt($(".SlideTab").tabSwitch('index'));
   $('.pageon').html('Page '+$mypage+' of');
   alert('totalPages = '+$totalPages+' myPage = '+$mypage+' currentindex = '+$currentIndex); //returns undefined for total pages??  
   setButtons();
};

完整的tabswitch代码：

/*
 * .tabSwitch
 * Version: 1.0
 * http://www.hieu.co.uk/blog/index.php/tabswitch/
 *
 * Copyright (c) 2009 Hieu Pham - http://www.hieu.co.uk
 * COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)
 * http://www.opensource.org/licenses/cddl1.php
 *
 * Date: 14/04/2009
 */
(function($){
    $.fn.tabSwitch = function(command, Arguements, EndFunction) {
        //Default value should be set here
        var defaults = {
            type    :   "toggle", //Type of effect
            cols    :   2, //This only used when you're using type = table
            toggle  :   "fade", //This specific which type of toggle effect
            ease    :   40, 
            easeType:   "linear", //This isn't work for this version yet
            loopback:   0, //If it's 1 it will loop when it reach the ends
            width   :   400, // Size of the viewport
            height  :   400,
            index   :   0, //The current tab index
            speed   :   500, //Speed of the animation
            interval:   5000, //The interval of auto-animate
            step    :   1, //How many step you want to use in moveStep
            wrapperClass : "", //You could add extra class for the wraper
            viewportClass : "" //You could add extra class for the viewport
        };

        var Args = $.extend(defaults, Arguements);
        var Obj = this; 

        var $totalPages = (Obj.length);

        //For quicker access
        var jFirstObj = Obj.eq(1);
        var DOMFirstObj = Obj.eq(1).get(0); 
        if(!$.isFunction(EndFunction)){
            //Set the index in the cache
            var Callback = function(){
                $.data(DOMFirstObj, "index", Args.index);
            };
        }
        else{
            var Callback = function(){
                $.data(DOMFirstObj, "index", Args.index);
                EndFunction();
            };
        }
        //Back up orginal information
        StoreToCache = function(){
            //Now store the tab type in the cache for further use
            $.data(DOMFirstObj, "type", Args.type);
            $.data(DOMFirstObj, "toggle", Args.toggle);
            $.data(DOMFirstObj, "cols", Args.cols);
            $.data(DOMFirstObj, "ease", Args.ease);
            $.data(DOMFirstObj, "easeType", Args.easeType);
            $.data(DOMFirstObj, "index", Args.index);
            $.data(DOMFirstObj, "loopback", Args.loopback);
            //Before do anything to the object, keep a backup so we could revert it
            if(jFirstObj.attr('style')){
                $.data(DOMFirstObj, "orgAttr", jFirstObj.attr('style'));
            }else{
                $.data(DOMFirstObj, "orgAttr", "");
            }
        }
        //Remove all the data in cache and reset the object back to original
        backFromCache = function(){
            Obj.attr('style',$.data(DOMFirstObj, "orgAttr"));
            var ViewPortObj = $("#ViewPort"+$.data(DOMFirstObj));
            ViewPortObj.replaceWith(Obj);
            //Remove auto if it's running
            stopAuto();
            //Clear cacke
            $.removeData(DOMFirstObj);
        }
        //Execute when input comment is create
        var createTab = function(){
            //Back up orginal information
            StoreToCache(); 
            //Construct the form
            //Set all the CSS for the list div, this;s the common setting for all type of tab
            if(Args.width)  Obj.width(Args.width);
            if(Args.height) Obj.height(Args.height);            
            //A big wraper around and change some CSS of the wrap
            var WraperSelector = "WideDiv" + $.data(DOMFirstObj);
            Obj.wrapAll("<div id='"+WraperSelector +"'></div>");
            var WraperObj = $("#"+WraperSelector);
            WraperObj.addClass(Args.wraperClass);
            WraperObj.css({"position":"relative"});
            WraperObj.wrap("<div id='" +WraperSelector.replace("WideDiv","ViewPort") + "'></div>")
            //Now create the viewport with the input size
            var ViewPortObj = $("#" + WraperSelector.replace("WideDiv","ViewPort"));
            ViewPortObj.width(Args.width);
            ViewPortObj.height(Args.height);
            ViewPortObj.css({"display":"block","overflow":"hidden","position":"relative"});                 
            ViewPortObj.addClass(Args.viewportClass);
            switch(Args.type)
            {
                case "slide":
                    Obj.css({"float":"left"});
                    //A big wraper around and change some CSS of the wrap
                    WraperObj.width((Args.width+2) * Obj.length);
                    //Now create the viewport with the input size
                    break;
                case "scroll":
                    //A big wraper around and change some CSS of the wrap               
                    WraperObj.width(Args.width);
                    WraperObj.height((Args.height+2) * Obj.length);
                    break;
                case "toggle":
                    WraperObj.width(Args.width);
                    WraperObj.height(Args.height);
                    Obj.css({"position":"absolute", "left": "-999px"});
                    Obj.eq(Args.index).css({"left":"0px", "top":"0px"});
                    Obj.eq(Args.index).css("opacity", 1);
                    break;
                case "table":
                    WraperObj.width(Args.width*Args.cols);
                    Obj.css("float", "left");
            }
            moveTo();
        }

        var getLength = function(){
            //$totalPages = parseInt((Obj.length));
            alert('getLength function totalPages = '+$totalPages);
            $('.pagetotal').html(' '+$totalPages);
            return ($totalPages);
        }
        // Move object to a position set by Args.Index
        var moveTo = function(){

            //get the easeLevel from the cache
            var ease = 0;
            //Check if the next idx is out of the limit or not
            if(!Args.easeType){
                Args.easeType = (DOMFirstObj, "easeType");
            }
            if(Args.index > Obj.length -1 ){
                if($.data(DOMFirstObj, "loopback")!=0){
                    Args.index = 0;
                    ease = -$.data(DOMFirstObj, "ease");
                }
                else return;
            }
            if(Args.index < 0 ){
                if($.data(DOMFirstObj, "loopback")!=0){                 
                    Args.index = Obj.length-1;
                    ease = $.data(DOMFirstObj, "ease");
                } else return;
            }   
            var WraperSelector = "WideDiv" + $.data(DOMFirstObj);               
            var WraperObj = $("#"+WraperSelector);
            //See what type of effect we stimulate
            switch($.data(DOMFirstObj, "type")){
                case 'slide':
                    //Get how much ease we set and start the animation
                    if(ease!=0){
                        var easeLevel = (parseInt(WraperObj.css("left").replace("px",""))+ease);
                        WraperObj.animate({left: easeLevel+"px"}, Args.speed, function(){
                            WraperObj.animate({left:-(Obj.outerWidth(true) * Args.index)+"px"}, Args.speed, Args.easeType, Callback());         
                        });
                    }else{
                        WraperObj.animate({left:-(Obj.outerWidth(true) * Args.index)+"px"}, Args.speed, Args.easeType, Callback());         
                    }               
                break;
                case 'scroll':
                    //Get how much ease we set and start the animation
                    if(ease!=0){
                        var easeLevel = (parseInt(WraperObj.css("top").replace("px",""))+ease);
                        WraperObj.animate({top: easeLevel+"px"}, Args.speed, function(){
                            WraperObj.animate({top:-(Obj.outerHeight(true) * Args.index)+"px"}, Args.speed, Args.easeType, Callback());         
                        });
                    }else{
                        WraperObj.animate({top:-(Obj.outerHeight(true) * Args.index)+"px"}, Args.speed, Args.easeType, Callback());         
                    }
                break;
                case 'toggle':
                    //move the new one on top of the old div
                    Obj.eq(Args.index).css({"left":"0px", "top":"0px"});
                    switch($.data(DOMFirstObj, "toggle"))
                    {
                        case "fade":
                            Obj.eq(Args.index).css({"opacity":0});                                              
                            Obj.eq(Args.index).animate({"opacity":1},Args.speed);
                            if($.data(DOMFirstObj, "index")!=Args.index){
                                Obj.eq($.data(DOMFirstObj, "index")).animate({"opacity":0},Args.speed, function(){
                                    $(this).css("left",-999);
                                    Callback();
                                });
                            }
                            break;
                        case "toggle":
                            if($.data(DOMFirstObj, "index")!=Args.index){                           
                                Obj.eq(Args.index).css({"display":"none"});
                                Obj.eq($.data(DOMFirstObj, "index")).slideUp(Args.speed,  function(){
                                    Obj.eq(Args.index).slideDown(Args.speed, function(){Callback();});                          
                                    $(this).css("left",-999);                                                   
                                });
                            }
                            break;
                        case "show":
                            if($.data(DOMFirstObj, "index")!=Args.index){                                       
                                Obj.eq(Args.index).css({"display":"none"});
                                Obj.eq($.data(DOMFirstObj, "index")).hide(Args.speed, function(){
                                    Obj.eq(Args.index).show(Args.speed,function(){Callback();});                            
                                    $(this).css("left",-999);                                                   
                                });
                            }
                            break;
                        case "noeffect":
                            if($.data(DOMFirstObj, "index")!=Args.index){               
                                Obj.eq($.data(DOMFirstObj, "index")).css("left", -999);
                                Callback();
                            }
                            break;
                    }
                    break;
                case "table":
                    var cols = $.data(DOMFirstObj, "cols");
                    //Where the next idx in the table
                    var nextX = -(Args.index % cols) * Obj.width();
                    var nextY = -Math.floor(Args.index / cols) * Obj.height();
                    //Move horizontal first
                    WraperObj.animate({"left": nextX}, Args.speed, Args.easeType, function(){
                        WraperObj.animate({"top": nextY}, Args.speed, Args.easeType, Callback());
                    });
                    break;
                default:
                    $('html,body').animate({"scrollTop":Obj.eq(Args.index).offset().top},Args.speed);
                break;

            }
        };

        //Move by steps
        moveStep = function(){
            var currentIdx = $.data(DOMFirstObj, "index");
            //Calculate the next index
            Args.index = parseInt(currentIdx) + parseInt(Args.step);
            //Then move to it
            moveTo();
        }
        //Set it run auto
        startAuto = function(){
            //Save the autoswitch into memory and start it
            $.data(DOMFirstObj, "AutoSwitch", setInterval(moveStep, Args.interval));
        }
        //Stop the auto
        stopAuto = function(){
            //Stop the interval and clear the cache
            clearInterval($.data(DOMFirstObj, "AutoSwitch"));
            $.removeData(DOMFirstObj, "AutoSwitch");
        }
        //Toggle auto
        toggleAuto = function(){
            if(isAuto()){
                stopAuto();
            }else{
                startAuto();
            }
        }
        //Return if this is auto or not
        isAuto = function(){
            if($.data(DOMFirstObj, "AutoSwitch")){
                return true;
            }else{
                return false;
            }       
        }
        if(!command) command = "";
        //Check what user want
        switch(command.toLowerCase()){
            case "index": 
                if($.data(DOMFirstObj, "index")){
                    return $.data(DOMFirstObj, "index");
                }else{
                    return 0;
                }
                break;
            case "moveto":
                moveTo();
                break;
            case "movestep":
                moveStep();
                break;
            case "destroy":
                backFromCache();
                break;
            case "create":
                createTab();
                break;
            case "isauto":
                return isAuto();
                break;
            case "toggleauto":
                toggleAuto();
                break;
            case "startauto":
                startAuto();
                break;
            case "stopauto":
                stopAuto();
                break;
            case "getlength":
                getLength();
                break;
            case "pagecount":
                pageCount();
                break;
        }
    };
})(jQuery);

/*
*.tabSwitch
*版本：1.0
* http://www.hieu.co.uk/blog/index.php/tabswitch/
*
*版权所有（c）2009 Hieu Pham-http://www.hieu.co.uk
*通用开发和发行许可证（CDDL）
* http://www.opensource.org/licenses/cddl1.php
*
*日期：14/04/2009
*/
（函数（$）{
$.fn.tabSwitch=函数（命令、参数、结束函数）{
//应在此处设置默认值
var默认值={
类型：“切换”，//效果类型
cols:2，//这仅在使用type=table时使用
切换：“淡入淡出”//这是具体哪种类型的切换效果
放松：40，
easeType:“linear”//这个版本还不适用
环回：0，//如果是1，则在到达末端时将循环
宽度：400，//视口的大小
身高：400，
索引：0，//当前选项卡索引
速度：500，//动画的速度
间隔：5000，//自动设置动画的间隔
步骤：1，//在moveStep中要使用多少步骤
wrapperClass:，//您可以为包装器添加额外的类
viewportClass://您可以为视口添加额外的类
};
var Args=$.extend（默认值、参数）；
var Obj=这个；
变量$totalPages=（对象长度）；
//以便更快地访问
var jFirstObj=对象等式（1）；
var DOMFirstObj=Obj.eq（1）.get（0）；
if（！$.isFunction（EndFunction））{
//在缓存中设置索引
var Callback=function（）{
$.data（DOMFirstObj，“索引”，参数索引）；
};
}
否则{
var Callback=function（）{
$.data（DOMFirstObj，“索引”，参数索引）；
EndFunction（）；
};
}
//备份原始信息
StoreToCache=函数（）{
//现在将选项卡类型存储在缓存中以供进一步使用
$.data（DOMFirstObj，“type”，Args.type）；
$.data（DOMFirstObj，“toggle”，Args.toggle）；
$.data（DOMFirstObj，“cols”，Args.cols）；
$.data（DOMFirstObj，“ease”，Args.ease）；
$.data（DOMFirstObj，“easeType”，Args.easeType）；
$.data（DOMFirstObj，“索引”，参数索引）；
$.data（DOMFirstObj，“环回”，Args.loopback）；
//在对对象执行任何操作之前，请保留一个备份，以便我们可以还原它
if（jFirstObj.attr（'style'））{
$.data（DOMFirstObj，“orgAttr”，jFirstObj.attr（'style'）；
}否则{
$.data（DOMFirstObj，“orgAttr”和“）；
}
}
//删除缓存中的所有数据并将对象重置回原始状态
backFromCache=函数（）{
Obj.attr（'style'，$.data（DOMFirstObj，“orgAttr”）；
var ViewPortObj=$（“#ViewPort”+$.data（DOMFirstObj））；
视口对象替换为（对象）；
//如果正在运行，请删除“自动”
stopAuto（）；
//清脆的咯咯声
$.removeData（DOMFirstObj）；
}
//创建输入注释时执行
var createTab=函数（）{
//备份原始信息
StoreToCache（）；
//构建表单
//设置列表div的所有CSS，这是所有类型选项卡的常见设置
if（参数宽度）对象宽度（参数宽度）；
如果（参数高度）目标高度（参数高度）；
//一个大的包装，改变一些CSS的包装
var WraperSelector=“WideDiv”+$.data（DOMFirstObj）；
对象wrapAll（“”）；
var WraperObj=$（“#”+WraperSelector）；
wraperbj.addClass（Args.wraperClass）；
css（{“position”：“relative”}）；
WraperObj.wrap（“”）
//现在使用输入大小创建视口
var ViewPortObj=$（“#”+WraperSelector.replace（“WideDiv”，“ViewPort”）；
视口对象宽度（参数宽度）；
视口对象高度（参数高度）；
css（{“display”：“block”，“overflow”：“hidden”，“position”：“relative”}）；
ViewPortObj.addClass（Args.viewportClass）；
开关（参数类型）
{
案例“幻灯片”：
css（{“float”：“left”}）；
//一个大的包装，改变一些CSS的包装
包裹体宽度（（参数宽度+2）*物体长度）；
//现在使用输入大小创建视口
打破
案例“滚动”：
//一个大的包装，改变一些CSS的包装
包装宽度（参数宽度）；
包装物高度（（参数高度+2）*物体长度）；
打破
案例“切换”：
包装宽度（参数宽度）；
WraperObj.高度（参数高度）；
css（{“位置”：“绝对”，“左”：“-999px”}）；
css（{“left”：“0px”，“top”：“0px”}）；
对象eq（参数索引）.css（“不透明度”，1）；
打破
案例“表格”：
包装宽度（参数宽度*参数列）；
对象css（“浮动”、“左”）；
}
moveTo（）；
}
var getLength=函数（）{
//$totalPages=parseInt（（对象长度））；
警报（'getLength函数totalPages='+$totalPages）；
$（'.pagetotal'）.html（'+$totalPages）；
返回（$totalPages）；
$totalPages = $('.SlideTab').tabSwitch('getLength'); 

$('.pagetotal').html(' '+$totalPages);