(function($){

function Dropdown(elem,options){

this.$elem=$(elem)

this.options=options

this.$layer=this.$elem.find('.dropdown-layer')

this.activeClass=this.$elem.data('active')+'-active';

this.$layer.showHide(options)

var self=this;

if(Dropdown.DEFAULTS.event==='click'){

this.$elem.on('click',function(){

self.show();

// 阻止冒泡

e.stopPropagation();

});

$(document).on('click',$.proxy(this.hide,this))

}else{

this.$elem.hover($.proxy(this.show,this),$.proxy(this.hide,this))

}

console.log(Dropdown.DEFAULTS.event)

}

Dropdown.DEFAULTS={

event:'hover',

css3:false,

js:false,

animation:'fade',

delay:0,

active:'dropdown'

}

Dropdown.prototype.show=function(){

this.timer=setTimeout(function(){

this.$elem.addClass(this.activeClass);

this.$layer.showHide('show')

},0)

}

Dropdown.prototype.hide=function(){

this.$elem.removeClass(this.activeClass);

this.$layer.showHide('hide')

}

var dropdown=new Dropdown();

dropdown.show();

dropdown.hide();

'use strict';

$.fn.extend({

dropdown:function(option){

//返回时遍历所有元素

return this.each(function(){

var options=$.extend({},Dropdown.DEFAULTS,option)

new Dropdown(this,option)

})

}

})

})(jQuery)