所有,
我从我下载的一些代码中收到错误。这是代码:
我从我下载的一些代码中收到错误。这是代码:
/*----------------------------------------------------------------------*/ /* 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