SweetDropdown是一款多用途的下拉列表jQuery插件。你可以通过任何元素来触发SweetDropdown插件，它既可以作为下拉列表使用，也可以作为提示框来使用。

安装

可以通过npm或bower来安装SweetDropdown插件。

$ bower install sweet-dropdown
$ npm install sweet-dropdown                  
                

使用方法

在页面中引入样式文件jquery.sweet-dropdown.min.css，jquery和jquery.sweet-dropdown.min.js文件。

HTML结构

一个标准的SweetDropdown下拉列表的HTML结构如下：

  

    
Item 1>
    
Item 2
    

    
Item 3
  
                
                

可以通过一个按钮来触发下拉列表框。

Try out!                  
                

配置参数

下拉列表

下拉列表可用的参数有：

触发元素

在触发元素上可用的参数有：

方法

初始化所有的下拉列表。

$.sweetDropdown.attachAll(); // Automatically called on page load                  
                

隐藏所有的下拉列表。

$.sweetDropdown.hideAll();             
                

将一个下拉列表绑定到一个触发元素上。

$('.trigger').sweetDropdown('attach', '#dropdown-selector');          
                

一个触发元素上解绑下拉列表。

$('.trigger').sweetDropdown('detach');      
                

显示是一个下拉列表。

$('.trigger').sweetDropdown('show');
                

隐藏是一个下拉列表。

$('.trigger').sweetDropdown('hide');
                

启用一个下拉列表。

$('.trigger').sweetDropdown('enable');
                

禁用一个下拉列表。

$('.trigger').sweetDropdown('disable');
                

SweetDropdown下拉列表插件的egithub地址为：https://github.com/adeptoas/sweet-dropdown