META-INF.resources.js.jquery.dropdown.js Maven / Gradle / Ivy

Go to download
;
(function ($) {
  'use strict';

  function throttle(func, wait, options) {
    var context, args, result;
    var timeout = null;
    // 上次执行时间点
    var previous = 0;
    if (!options) options = {};
    // 延迟执行函数
    var later = function () {
      // 若设定了开始边界不执行选项，上次执行时间始终为0
      previous = options.leading === false ? 0 : new Date().getTime();
      timeout = null;
      result = func.apply(context, args);
      if (!timeout) context = args = null;
    };
    return function () {
      var now = new Date().getTime();
      // 首次执行时，如果设定了开始边界不执行选项，将上次执行时间设定为当前时间。
      if (!previous && options.leading === false) previous = now;
      // 延迟执行时间间隔
      var remaining = wait - (now - previous);
      context = this;
      args = arguments;
      // 延迟时间间隔remaining小于等于0，表示上次执行至此所间隔时间已经超过一个时间窗口
      // remaining大于时间窗口wait，表示客户端系统时间被调整过
      if (remaining <= 0 || remaining > wait) {
        clearTimeout(timeout);
        timeout = null;
        previous = now;
        result = func.apply(context, args);
        if (!timeout) context = args = null;
        //如果延迟执行不存在，且没有设定结尾边界不执行选项
      } else if (!timeout && options.trailing !== false) {
        timeout = setTimeout(later, remaining);
      }
      return result;
    };
  }

  var isSafari = function () {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf('safari') !== -1) {
      return ua.indexOf('chrome') > -1 ? false : true;
    }
  }();

  var settings = {
    readonly: false,
    limitCount: Infinity,
    input: '',
    data: [],
    // multipleMode: 'label' // 标记项模式
    // multipleMode: '' // 文字模式
    searchable: false, // 下拉区域是否显示搜索框
    searchNoData: '查无数据，换个词儿试试',
    choice: function choice(selectedId, event) { },
    del: function del() { }
  };

  var KEY_CODE = {
    up: 38,
    down: 40,
    enter: 13
  };

  var EVENT_SPACE = {
    click: 'click.iui-dropdown',
    focus: 'focus.iui-dropdown',
    keydown: 'keydown.iui-dropdown',
    keyup: 'keyup.iui-dropdown'
  };

  // 创建模板
  function createTemplate() {
    var isLabelMode = this.isLabelMode;
    var searchable = this.config.searchable;
    var templateSearch = searchable ? '' + this.config.input + '' : '';

    return isLabelMode ? '' + templateSearch + '
{{ul}}
' : '' + templateSearch + '{{ul}}';
  }

  // 超出限制提示
  function maxItemAlert() {
    var _dropdown = this;
    var _config = _dropdown.config;
    var $el = _dropdown.$el;
    var $alert = $el.find('.dropdown-maxItem-alert');
    clearTimeout(_dropdown.maxItemAlertTimer);

    if ($alert.length === 0) {
      $alert = $('\u6700\u591A\u53EF\u9009\u62E9' + _config.limitCount + '\u4E2A');
    }

    $el.append($alert);
    _dropdown.maxItemAlertTimer = setTimeout(function () {
      $el.find('.dropdown-maxItem-alert').remove();
    }, 1000);
  }

  // select-option 转 ul-li
  function selectToDiv(str, isSingleSelect = false) {
    var result = str || '';
    // 单选 or 多选
    var i_icon = !isSingleSelect ? '' : ''
    // 移除select标签
    result = result.replace(/]*>/gi, '').replace('', '');
    // 移除 optgroup 结束标签
    result = result.replace(/<\/optgroup>/gi, '');
    result = result.replace(/]*>/gi, function (matcher) {
      var groupName = /label="(.[^"]*)"(\s|>)/.exec(matcher);
      var groupId = /data\-group\-id="(.[^"]*)"(\s|>)/.exec(matcher);
      return '' + (groupName ? groupName[1] : '') + '';
    });

    result = result.replace(//gi, function (matcher) {
      var value = /value="?([\w\u4E00-\u9FA5\uF900-\uFA2D]+)"?/.exec(matcher);
      var name = />(.*)<\//.exec(matcher);

      // 强制要求html中使用selected/disabled，而不是selected="selected","disabled="disabled"
      var isSelected = matcher.indexOf('selected') > -1 ? true : false;
      var isDisabled = matcher.indexOf('disabled') > -1 ? true : false;
      return '' + i_icon + (name ? name[1] : '') + '';
    });

    return result;
  }

  // object-data 转 select-option
  function objectToSelect(data, defaultdata = [], multipleMode = '') {
    var map = {};
    var result = '';
    var name = [];
    var selectAmount = 0;

    if (!data || !data.length) {
      return false;
    }
    // var defaultdata = '[{"selected":false,"name":"全选","id":"all"},{"selected":false,"name":"取消全选","id":"disall"}]';
    // var dataJson = JSON.parse(defaultdata);

    //默认数据
    $.each(defaultdata, function (index, val) {
      // disable 权重高于 selected
      var hasGroup = val.groupId;
      var isDisabled = val.disabled ? ' disabled' : '';
      var isSelected = val.selected && !isDisabled ? ' selected' : '';

      var temp = '' + val.name + '';

      if (multipleMode !== 'unfilling' && isSelected) {
        name.push('' + val.name + '');
        selectAmount++;
      }

      // 判断是否有分组
      if (hasGroup) {
        if (map[val.groupId]) {
          map[val.groupId] += temp;
        } else {
          //  &janking& just a separator
          map[val.groupId] = val.groupName + '&janking&' + temp;
        }
      } else {
        map[index] = temp;
      }
    });

    //新添加数据
    $.each(data, function (index, val) {
      // disable 权重高于 selected
      var hasGroup = val.groupId;
      var isDisabled = val.disabled ? ' disabled' : '';
      var isSelected = val.selected && !isDisabled ? ' selected' : '';

      var temp = '' + val.name + '';

      if (isSelected) {
        name.push('' + val.name + '');
        selectAmount++;
      }

      // 判断是否有分组
      if (hasGroup) {
        if (map[val.groupId]) {
          map[val.groupId] += temp;
        } else {
          //  &janking& just a separator
          map[val.groupId] = val.groupName + '&janking&' + temp;
        }
      } else {
        map[index + 2] = temp;
      }
    });

    $.each(map, function (index, val) {
      var option = val.split('&janking&');
      // 判断是否有分组
      if (option.length === 2) {
        var groupName = option[0];
        var items = option[1];
        result += '' + items + '';
      } else {
        result += val;
      }
    });

    return [result, name, selectAmount];
  }

  // select-option 转 object-data
  function selectToObject(el) {
    var $select = el;
    var result = [];

    function readOption(key, el) {
      var $option = $(el);

      this.id = $option.prop('value');
      this.name = $option.text();
      this.disabled = $option.prop('disabled');
      this.selected = $option.prop('selected');
    }

    $.each($select.children(), function (key, el) {
      var tmp = {};
      var tmpGroup = {};
      var $el = $(el);

      if (el.nodeName === 'OPTGROUP') {
        tmpGroup.groupId = $el.data('groupId');
        tmpGroup.groupName = $el.attr('label');
        $.each($el.children(), $.proxy(readOption, tmp));
        $.extend(tmp, tmpGroup);
      } else {
        $.each($el, $.proxy(readOption, tmp));
      }

      result.push(tmp);
    });

    return result;
  }

  var action = {
    show: function show(event) {
      event.stopPropagation();
      var _dropdown = this;
      $(document).trigger('click.dropdown');
      _dropdown.$el.toggleClass('active');
    },
    search: throttle(function (event) {
      var _dropdown = this;
      var _config = _dropdown.config;
      var $el = _dropdown.$el;
      var $input = $(event.target);
      var intputValue = $input.val();
      var data = _dropdown.config.data;
      var result = [];
      if (!_config.searchable) {
        return;
      }

      if (event.keyCode > 36 && event.keyCode < 41) {
        return;
      }

      $.each(data, function (key, value) {
        if (value.name.toLowerCase().indexOf(intputValue) > -1 || '' + value.id === '' + intputValue) {
          result.push(value);
        }
      });
      $el.find('ul').html(selectToDiv(objectToSelect(result)[0]) || _config.searchNoData);
    }, 300),
    control: function control(event) {
      var keyCode = event.keyCode;
      var KC = KEY_CODE;
      var index = 0;
      var direct;
      var itemIndex;
      var $items;
      if (keyCode === KC.down || keyCode === KC.up) {

        // 方向
        direct = keyCode === KC.up ? -1 : 1;
        $items = this.$el.find('[tabindex]');
        itemIndex = $items.index($(document.activeElement));

        // 初始
        if (itemIndex === -1) {
          index = direct + 1 ? -1 : 0;
        } else {
          index = itemIndex;
        }

        // 确认位序
        index = index + direct;

        // 最后位循环
        if (index === $items.length) {
          index = 0;
        }

        $items.eq(index).focus();
        event.preventDefault();
      }
    },
    multiChoose: function multiChoose(event) { //多选
      event.preventDefault();
      var _dropdown = this;
      var _config = _dropdown.config;
      var $select = _dropdown.$select;
      var $target = $(event.target).parent();
      var value = $target.attr('data-value');
      var hasSelected = $target.hasClass('dropdown-chose'); //选中：fasle 取消：true
      var selectedName = [];
      var selectedId = [];
      var selectedList = [];
      var allli = $target.parent('ul').children('li');

      if (hasSelected) { //取消
        if (value === 'disall') {
          _dropdown.selectAmount = 0
          $target.attr('data-value', 'all')
          $.each(allli, function () {
            $(this).removeClass('dropdown-chose');
          })
        } else if (value == 'nolimit') { //不限 
          $.each(allli, function () {
            if ($(this).attr("data-value") === 'nolimit') {
              $(this).addClass('dropdown-chose');
            } else {
              $(this).removeClass('dropdown-chose');
            }
          })
        } else {
          _dropdown.selectAmount--
          $target.removeClass('dropdown-chose');
        }
      }
      else { //选中
        if (value == 'all') { //全选
          _dropdown.selectAmount = allli.length - 1
          $.each(allli, function () {
            if ($(this).attr("data-value") === 'all') {
              $(this).attr("data-value", 'disall')
            }
            $(this).addClass('dropdown-chose');
          })
        } else if (value == 'disall') { //全不选
          _dropdown.selectAmount = 0
          $.each(allli, function () {
            if ($(this).attr("data-value") === 'disall') {
              $(this).attr("data-value", 'all')
            }
            $(this).removeClass('dropdown-chose');
          })
        } else if (value == 'nolimit') { //不限
          $.each(allli, function () {
            if ($(this).attr("data-value") === 'nolimit') {
              $(this).addClass('dropdown-chose');
            } else {
              $(this).removeClass('dropdown-chose');
            }
          })
        } else { //选中某一个
          $target.addClass('dropdown-chose');
          $.each(allli, function () {
            if ($(this).attr("data-value") === 'nolimit') {
              $(this).removeClass('dropdown-chose');
            }
          })
          _dropdown.selectAmount++;
        }
      }

      if (_config.multipleMode !== 'unfilling') {
        if (_dropdown.selectAmount === allli.length - 1) {
          $.each(allli, function () {
            if ($(this).attr("data-value") === 'all') {
              $(this).attr("data-value", 'disall')
            }
            $(this).addClass('dropdown-chose');
          })
        } else if (_dropdown.selectAmount < allli.length - 1 && _dropdown.selectAmount > 0) {
          $.each(allli, function (index, item) {
            if (index === 0) {
              $(this).removeClass('dropdown-chose')
            }
            if ($(this).attr("data-value") === 'disall') {
              $(this).attr("data-value", 'all')
            }
          })
        }

        if (_dropdown.selectAmount === 0) {
          $.each(allli, function () {
            if ($(this).attr("data-value") === 'disall') {
              $(this).attr("data-value", 'all')
            }
            $(this).removeClass('dropdown-chose');
          })
        }

      }

      _dropdown.name = [];
      $.each(_config.data, function (key, item) {
        if (value == 'all') {
          if (item.id != 'all' && item.id != 'disall') {
            item.selected = true;
            selectedName.push(item.name);
            selectedId.push(item.id);
            selectedList.push({ name: item.name, id: item.id })
            _dropdown.name.push('' + item.name + '');
          }
        } else if (value == 'disall' || value == 'nolimit') {
          selectedName = [];
          selectedId = [];
          selectedList = []
          item.selected = false;
        } else {
          if ('' + item.id === '' + value) {
            item.selected = hasSelected ? false : true;
          }
          if (item.selected) {
            selectedName.push(item.name);
            selectedId.push(item.id);
            selectedList.push({ name: item.name, id: item.id })
            if (_config.multipleMode !== 'unfilling') { //unfilling:禁止文字填充
              _dropdown.name.push('' + item.name + '');
            }
          }
        }
      });

      //筛选条件如果选中则标记蓝色
      if (_config.multipleMode === 'unfilling' && selectedName.length > 0) {
        _dropdown.$el.find('.dropdown-display').addClass('cur')
      } else {
        _dropdown.$el.find('.dropdown-display').removeClass('cur')
      }

      $select.find('option[value="' + value + '"]').prop('selected', hasSelected ? false : true);
      _dropdown.$choseList.find('.dropdown-selected').remove();
      _dropdown.$choseList.prepend(_dropdown.name.join(''));
      _dropdown.$el.find('.dropdown-display').attr('title', selectedName.join(','));
      _config.choice.call(_dropdown, selectedList, event);
    },
    singleChoose: function singleChoose(event) { //单选
      event.preventDefault();
      var _dropdown = this;
      var _config = _dropdown.config;
      var $el = _dropdown.$el;
      var $select = _dropdown.$select;
      var $target = $(event.target).parent();
      var value = $target.attr('data-value');
      var hasSelected = $target.hasClass('dropdown-chose');
      var defaultdata = _config.defaultdata || []
      var data = [...defaultdata, ..._config.data]
      var selectedList = {};
      _dropdown.name = [];

      if ($target.hasClass('dropdown-chose')) {
        return false;
      }
      if (value == 'custom') {
        $el.find('.dropdown-main').addClass('dropdown-custom')
        $el.addClass('active').find('li').not($target).removeClass('dropdown-chose');
      } else {
        $el.find('.dropdown-main').removeClass('dropdown-custom')
        $el.removeClass('active').find('li').not($target).removeClass('dropdown-chose');
      }

      $target.toggleClass('dropdown-chose');
      $.each(data, function (key, item) {
        if (value == 'custom') {
          selectedList = { name: '不限', id: '' }
          return
        }
        // id 有可能是数字也有可能是字符串，强制全等有弊端 2017-03-20 22:19:21
        item.selected = false;
        if ('' + item.id === '' + value) {
          item.selected = hasSelected ? 0 : 1;
          if (item.selected) {
            if (_config.multipleMode !== 'unfilling') { //unfilling:禁止文字填充
              _dropdown.name.push('' + item.name + '');
            }
            if (value !== 'nolimit') {
              selectedList = { name: item.name, id: item.id }
            } else {
              selectedList = { name: '不限', id: '' }
            }
          }
        }
      });

      //筛选条件如果选中则标记蓝色
      if (_config.multipleMode === 'unfilling' && selectedList.name !== '不限') {
        _dropdown.$el.find('.dropdown-display').addClass('cur')
      } else {
        _dropdown.$el.find('.dropdown-display').removeClass('cur')
      }

      $select.find('option[value="' + value + '"]').prop('selected', true);

      _dropdown.name.push('' + _dropdown.placeholder + '');
      _dropdown.$choseList.html(_dropdown.name.join(''));
      _config.choice.call(_dropdown, selectedList, event);
    },
    del: function del(event) { //删除
      event.preventDefault();
      var _dropdown = this;
      var $target = $(event.target);
      var id = $target.data('id');
      var defaultdata = _dropdown.config.defaultdata || []
      var data = [...defaultdata, ..._dropdown.config.data]
      // 2017-03-23 15:58:50 测试
      // 10000条数据测试删除，耗时 ~3ms
      if (defaultdata.length === 1) { //有默认值
        _dropdown.$el.find('[data-value="disall"]').removeClass('dropdown-chose');
        _dropdown.$el.find('[data-value="disall"]').attr('data-value', 'all')
      }

      $.each(_dropdown.name, function (key, value) {
        if (value.indexOf('data-id="' + id + '"') !== -1) {
          _dropdown.name.splice(key, 1);
          return false;
        }
      });

      $.each(data, function (key, item) {
        if ('' + item.id == '' + id) {
          item.selected = false;
          return false;
        }
      });
      _dropdown.selectAmount = 0
      _dropdown.$el.find('[data-value="' + id + '"]').removeClass('dropdown-chose');
      _dropdown.$el.find('[value="' + id + '"]').prop('selected', false).removeAttr('selected');
      if (_dropdown.isSingleSelect) { //单选
        _dropdown.$el.find('.dropdown-selected').remove()
      } else { //多选
        $target.closest('.dropdown-selected').remove();
      }
      _dropdown.config.del.call(_dropdown, event);
      return false;
    },
    clearAll: function clearAll(event) { //删除全部
      event.preventDefault();
      this.$choseList.find('.del').each(function (index, el) {
        $(el).trigger('click');
      });

      this.$el.find('.dropdown-display').removeAttr('title');
      return false;
    },
    submit: function submit(event) { //自定义金额输入
      event.preventDefault();
      var _dropdown = this;
      var _config = _dropdown.config;
      var $el = _dropdown.$el;
      var $select = _dropdown.$select;
      var $target = $(event.target).parent();
      var value = $target.attr('data-value');
      var startAmount = $el.find('#startAmount').val();
      var endAmount = $el.find('#endAmount').val();
      var selectedList = {}
      _dropdown.name = [];

      if ($.trim(startAmount) * 1 < $.trim(endAmount) * 1) {
        $el.find('.tips').hide()
        $el.removeClass('active')
        selectedList = { name: '自定义', id: 'custom', startAmount: startAmount, endAmount: endAmount }
      } else {
        $el.find('.tips').show()
        selectedList = { name: '不限', id: '' }
      }
      //筛选条件如果选中则标记蓝色
      if (_config.multipleMode === 'unfilling' && selectedList.name === '自定义') {
        $el.find('.dropdown-display').addClass('cur')
      }
      $select.find('option[value="' + value + '"]').prop('selected', true);

      _dropdown.name.push('' + _dropdown.placeholder + '');
      _dropdown.$choseList.html(_dropdown.name.join(''));
      _config.choice.call(_dropdown, selectedList, event);
    }
  };

  function Dropdown(options, el) {
    this.$el = $(el);
    this.$select = this.$el.find('select');
    this.placeholder = this.$select.attr('placeholder');
    this.config = options;
    this.name = [];
    this.isSingleSelect = !this.$select.prop('multiple');
    this.selectAmount = 0;
    this.maxItemAlertTimer = null;
    this.isLabelMode = this.config.multipleMode === 'label';
    this.init();
  }

  Dropdown.prototype = {
    init: function init() {
      var _this = this;
      var _config = _this.config;
      var $el = _this.$el;
      _this.$select.hide();
      //  判断dropdown是否单选，是否token模式
      $el.addClass(_this.isSingleSelect ? 'dropdown-single' : _this.isLabelMode ? 'dropdown-multiple-label' : 'dropdown-multiple');

      if (_config.data.length === 0) {
        _config.data = selectToObject(_this.$select);
      }

      var processResult = objectToSelect(_config.data, _config.defaultdata, _config.multipleMode);

      _this.name = processResult[1];
      _this.selectAmount = processResult[2];
      _this.$select.html(processResult[0]);
      _this.renderSelect();
      // disabled权重高于readonly
      _this.changeStatus(_config.disabled ? 'disabled' : _config.readonly ? 'readonly' : false);
    },
    // 渲染 select 为 dropdown
    renderSelect: function renderSelect(isUpdate, isCover) {
      var _this = this;
      var $el = _this.$el;
      var $select = _this.$select;
      var elemLi = selectToDiv($select.prop('outerHTML'), _this.isSingleSelect);
      var template;

      if (isUpdate) {
        $el.find('ul')[isCover ? 'html' : 'append'](elemLi);
      } else {
        template = createTemplate.call(_this).replace('{{ul}}', '' + elemLi + '
从万
至万
自定义金额中，
开始值应小于结束值！
确定');
        $el.append(template).find('ul').removeAttr('style class');
      }

      if (isCover) {
        _this.name = [];
        _this.$el.find('.dropdown-selected').remove();
        _this.$select.val('');
      }

      _this.$choseList = $el.find('.dropdown-chose-list');

      if (!_this.isLabelMode) {
        _this.$choseList.html($('').text(_this.placeholder));
      }

      _this.$choseList.prepend(_this.name.join(''));
    },
    bindEvent: function bindEvent() {
      var _this = this;
      var $el = _this.$el;
      var openHandle = isSafari ? EVENT_SPACE.click : EVENT_SPACE.focus;

      $el.on(EVENT_SPACE.click, function (event) {
        event.stopPropagation();
      });
      //删除
      $el.on(EVENT_SPACE.click, '.del', $.proxy(action.del, _this));

      //自定义金额
      $el.on(EVENT_SPACE.click, '.submit_btn', $.proxy(action.submit, _this));

      // show
      if (_this.isLabelMode) { //标记项模式
        $el.on(EVENT_SPACE.click, '.dropdown-display-label', function () {
          $el.find('input').focus();
        });

        $el.on(EVENT_SPACE.focus, 'input', $.proxy(action.show, _this));
        $el.on(EVENT_SPACE.keydown, 'input', function (event) {
          if (event.keyCode === 8 && this.value === '' && _this.name.length) {
            $el.find('.del').eq(-1).trigger('click');
          }
        });
      } else { //文字模式
        $el.on(openHandle, '.dropdown-display', $.proxy(action.show, _this));
        $el.on(openHandle, '.dropdown-clear-all', $.proxy(action.clearAll, _this));
      }

      // 搜索
      $el.on(EVENT_SPACE.keyup, 'input', $.proxy(action.search, _this));

      // 按下enter键设置token
      $el.on(EVENT_SPACE.keyup, function (event) {
        var keyCode = event.keyCode;
        var KC = KEY_CODE;
        if (keyCode === KC.enter) {
          $.proxy(_this.isSingleSelect ? action.singleChoose : action.multiChoose, _this, event)();
        }
      });

      // 按下上下键切换token
      $el.on(EVENT_SPACE.keydown, $.proxy(action.control, _this));

      $el.on(EVENT_SPACE.click, '[tabindex]', $.proxy(_this.isSingleSelect ? action.singleChoose : action.multiChoose, _this));
    },
    unbindEvent: function unbindEvent() {
      var _this = this;
      var $el = _this.$el;
      var openHandle = isSafari ? EVENT_SPACE.click : EVENT_SPACE.focus;

      $el.off(EVENT_SPACE.click);
      $el.off(EVENT_SPACE.click, '.del');
      $el.on(EVENT_SPACE.click, '.submit_btn');

      // show
      if (_this.isLabelMode) {
        $el.off(EVENT_SPACE.click, '.dropdown-display-label');
        $el.off(EVENT_SPACE.focus, 'input');
        $el.off(EVENT_SPACE.keydown, 'input');
      } else {
        $el.off(openHandle, '.dropdown-display');
        $el.off(openHandle, '.dropdown-clear-all');
      }
      // 搜索
      $el.off(EVENT_SPACE.keyup, 'input');
      // 按下enter键设置token
      $el.off(EVENT_SPACE.keyup);
      // 按下上下键切换token
      $el.off(EVENT_SPACE.keydown);
      $el.off(EVENT_SPACE.click, '[tabindex]');
    },
    changeStatus: function changeStatus(status) {
      var _this = this;
      if (status === 'readonly') {
        _this.unbindEvent();
      } else if (status === 'disabled') {
        _this.$select.prop('disabled', true);
        _this.unbindEvent();
      } else {
        _this.$select.prop('disabled', false);
        _this.bindEvent();
      }
    },
    update: function (data, isCover) {
      var _this = this;
      var _config = _this.config;
      var $el = _this.$el;
      var _isCover = isCover || false;

      if (Object.prototype.toString.call(data) !== '[object Array]') {
        return;
      }

      _config.data = _isCover ? data.slice(0) : _config.data.concat(data);

      var processResult = objectToSelect(_config.data, _config.defaultdata);

      _this.name = processResult[1];
      _this.selectAmount = processResult[2];
      _this.$select.html(processResult[0]);
      _this.renderSelect(true, _isCover);
    },
    destroy: function () {
      this.unbindEvent();
      this.$el.children().not('select').remove();
      this.$el.removeClass('dropdown-single dropdown-multiple-label dropdown-multiple');
      this.$select.show();
    }
  };

  $(document).on('click.dropdown', function () {
    $('.dropdown-single,.dropdown-multiple,.dropdown-multiple-label').removeClass('active');
  });

  $.fn.dropdown = function (options) {
    var _dropdown;
    this.each(function (index, el) {
      _dropdown = new Dropdown($.extend(true, {}, settings, options), el);
      $(el).data('dropdown', _dropdown);
    });
    return _dropdown;
  }
})(jQuery);