jquery - 在 jQuery 插件中使用超时，同时仍然保持可链接性

Question

我正在尝试创建一个内部具有超时功能的 jQuery 插件。这是我现在所拥有的基本思想。它工作正常，但它不保持可链接性。

;(function( $ ) {
    $.fn.myPlugin = function(length) {
        th = $(this);
        th.css('animation', 'none');
        setTimeout((function(th) {
            return function() { 
                th.css('display', 'block');
            };
        })(this), length);
    };
})( jQuery );

为了尝试使其可链接，我创建了它，但它不运行 TimeOut 函数中的代码。

;(function( $ ) {
    $.fn.myPlugin = function(length) {
        return this.each(function() {
            th = $(this);
            th.css('animation', 'none');
            setTimeout((function(th) {
                return function() { 
                    th.css('display', 'block');
                };
            }),(this), length);
        });
    };
})( jQuery );

这是没有链接的插件：http: //jsfiddle.net/FhARs/1/

Answer 1

这个正在工作，这是你想要的吗？

;(function( $ ) {
    $.fn.myPlugin = function(length) {
        return this.each(function() {
            th = $(this);
            th.css('display', 'none');
            setTimeout(function() {
                th.css('display', 'block');
            }, length);
        });
    };
})( jQuery );

演示。