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();
};

jquery插件问题

1 个答案: