jquery插件问题

Question

我创建了jquery插件，我得到的错误是引用错误:未定义mySlider

(function($){

$.fn.mySlider = function(){
    var timeOut = 4000;
    var element = this; 
    var fxDuration = timeOut/6;

    var items = $("#" + element[0].id + " li");
    var captions = $("#" + element[0].id + " li div");

    var fadeIn = function(no){
        $(items[no]).fadeIn(fxDuration, function(){
            $(captions[no]).fadeIn(fxDuration, function(){
                setTimeout(function(){fadeOut(no)}, timeOut);
            });
        });

    }

    var fadeOut = function(no){
        $(captions[no]).fadeOut(fxDuration, function(){
            $(items[no]).fadeOut(fxDuration, function(){
                fadeIn(calcNext(no));
            });
        });

    }

    var calcNext = function(no){
        return ((no+1) == items.length)? 0: (no+1);
    }

    fadeIn(0);

}

})(jQuery)；

并调用

   <script src="jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
   <script src="mySlider.js" type="text/javascript" charset="utf-8"></script>
   <script>
  // alert('hi');
        $(document).ready(function(){
            alert(mySlider());
            //$("#slider").mySlider();
        });
   </script>

它说mySlider没有定义

请帮我解决这个问题。谢谢

Answer 1

它没有被定义，因为你没有定义它。

您仅定义了$.fn.mySlider

你可能想要像这样的东西，有一个单独的函数：

var mySlider = function() {
    $("#slider").mySlider();
};