jQuery未捕获TypeError:无法读取未定义的属性“fn”(匿名函数)

前端之家收集整理的这篇文章主要介绍了jQuery未捕获TypeError:无法读取未定义的属性“fn”(匿名函数)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所有,
我从我下载的一些代码中收到错误。这是代码
/*----------------------------------------------------------------------*/
/* wl_Alert v 1.1 
/* description: Handles alert Boxes
/* dependency: jquery UI Slider,fadeOutSlide plugin
/*----------------------------------------------------------------------*/


$.fn.wl_Alert = function (method) {
var args = arguments;
return this.each(function () {

    var $this = $(this);


    if ($.fn.wl_Alert.methods[method]) {
        return $.fn.wl_Alert.methods[method].apply(this,Array.prototype.slice.call(args,1));
    } else if (typeof method === 'object' || !method) {
        if ($this.data('wl_Alert')) {
            var opts = $.extend({},$this.data('wl_Alert'),method);
        } else {

            var opts = $.extend({},$.fn.wl_Alert.defaults,method,$this.data());
        }
    } else {
        $.error('Method "' + method + '" does not exist');
    }


    if (!$this.data('wl_Alert')) {

        $this.data('wl_Alert',{});

        //bind click events to hide alert Box
        $this.bind('click.wl_Alert',function (event) {
            event.preventDefault();

            //Don't hide if it is sticky
            if (!$this.data('wl_Alert').sticky) {
                $.fn.wl_Alert.methods.close.call($this[0]);
            }

            //prevent hiding the Box if an inline link is clicked
        }).find('a').bind('click.wl_Alert',function (event) {
            event.stopPropagation();
        });
    } else {

    }
    //show it if it is hidden
    if ($this.is(':hidden')) {
        $this.slideDown(opts.speed / 2);
    }

    if (opts) $.extend($this.data('wl_Alert'),opts);
});

};

$.fn.wl_Alert.defaults = {
speed: 500,sticky: false,onBeforeClose: function (element) {},onClose: function (element) {}
};
$.fn.wl_Alert.version = '1.1';


$.fn.wl_Alert.methods = {
close: function () {
    var $this = $(this),opts = $this.data('wl_Alert');
    //call callback and stop if it returns false
    if (opts.onBeforeClose.call(this,$this) === false) {
        return false;
    };
    //fadeout and call an callback
    $this.fadeOutSlide(opts.speed,function () {
        opts.onClose.call($this[0],$this);
    });
},set: function () {
    var $this = $(this),options = {};
    if (typeof arguments[0] === 'object') {
        options = arguments[0];
    } else if (arguments[0] && arguments[1] !== undefined) {
        options[arguments[0]] = arguments[1];
    }
    $.each(options,function (key,value) {
        if ($.fn.wl_Alert.defaults[key] !== undefined || $.fn.wl_Alert.defaults[key] == null) {
            $this.data('wl_Alert')[key] = value;
        } else {
            $.error('Key "' + key + '" is not defined');
        }
    });

}
};

//to create an alert Box on the fly
$.wl_Alert = function (text,cssclass,insert,after,options) {
//go thru all
$('div.alert').each(function () {
    var _this = $(this);
    //...and hide if one with the same text is allready set
    if (_this.text() == text) {
        _this.slideUp($.fn.wl_Alert.defaults.speed);
    }
});

//create a new DOM element and inject it
var al = $('<div class="alert ' + cssclass + '">' + text + '</div>').hide();
(after) ? al.appendTo(insert).wl_Alert(options) : al.prependTo(insert).wl_Alert(options);

//return the element
return al;
};

有人曾经看过这种类型的错误吗?我该如何解决这样的事情?感谢您有任何建议!

@H_502_7@

解决方法

尝试这个:
(function ( $ ) { 

    // put all that "wl_alert" code here   

}( jQuery ));

因此,$变量显然已损坏,但jQuery变量仍应引用jQuery对象。 (在正常情况下,$和jQuery变量都指向(相同)jQuery对象。)

您不必在整个代码中使用jQuery名称替换$ name,您可以使用IIFE手动进行名称别名。因此,外部变量jQuery与函数内的$变量进行别名。

这是一个简单的例子来帮助你理解这个概念:

var foo = 'Peter';

(function ( bar ) {

    bar // evaluates to 'Peter'

}( foo ));
@H_502_7@ @H_502_7@ 原文链接:https://www.f2er.com/jquery/181828.html

猜你在找的jQuery相关文章