从$（document）.ready（function（））调用函数

Question

我想调用此函数（使元素闪烁），声明为单独的文件：

(function($) {
$.fn.cyclicFade = function(options)
{
    if (typeof(options) == 'string') {
        if (options=='stop') {
            $(this).stop(true);
            return this.each(function() {
                $(this).data('cyclic-fade').enabled = false;
            });
        }
        else return null;
    }
    else {
        var opts = $.extend({}, $.fn.cyclicFade.defaults, options);
        return this.each(function() {
            $(this).data('cyclic-fade', {enabled : true});
            $.fn.cyclicFade.doCycle(this,1,opts.repeat,opts.params,0);
        });
    }
};
}

（它不完整，空间很重要）

当我点击一个名为.swatch的div时。我如何调用该函数？

$(document).ready(function() {
    $(".swatch").click(function () {
       // .swatch starts to blink
    }); 
});

提前致谢。

Answer 1

$(document).ready(function() {
  $(".swatch").click(function () {
    $(this).cyclicFade();
  }); 
});

函数上下文中的

this是与传递给$（...）的选择器匹配的元素集合。

Answer 2

检查一下：

$(this).cyclicFade();