javascript - 在 jquery 插件中设置淡出速度

Question

我正在编写一个 jquery 插件，我想以用户最喜欢的速度设置 fadeOut。我的 html 文件中有此代码:

$("div").test({
       fadeOutSpeed:"2"
    })

这是我的 jquery 插件文件:

    (function($) {
        $.fn.test = function(action) {
            var setting = $.extend({
                fadeOutSpeed: "2",
            }, action);
            this.each(function() {
                var element = $(this);
                element.click(function() {
                    element.slideUp(setting.fadeOutSpeed);
                });
            });
        }
    })(jQuery)

它不起作用，用户无法设置淡出 div 元素的最喜欢的速度。我该如何解决这个问题？

Answer 1

您的脚本中有一个 undefined variable element。

如果您定义了变量，一切都会正常工作:

(function($) {
    $.fn.test = function(action) {
        var setting = $.extend({
            fadeOutSpeed: "2",
        }, action);
        this.each(function() {
            var element = $(this);
            element.click(function() {
                element.slideUp(setting.fadeOutSpeed);
            });
        });
    }
})(jQuery)

请注意，slideUp 中的速度为毫秒，因此您可能需要以较慢的时间来测试脚本，例如:

$("div").test({
    fadeOutSpeed: 2000
})