Suggestion for update

[rhianmolinari]

The list can remove the class.

Before:

// HTML template for dropdown options
optionTemplate = '<li class="{{ value }}"><a data-dk-dropdown-value="{{ value }}">{{ text }}</a></li>';

After:

// HTML template for dropdown options
optionTemplate = '<li><a data-dk-dropdown-value="{{ value }}">{{ text }}</a></li>';

That makes the <li> do not get the empty class.

This amendment is to remove the attribute, it will not let the

with empty class when another item is selected from the dropdown.

Before:

// Set the currently selected option
function _setCurrent($current, $dk) {
    $dk.find('.dk_option_current').removeClass('dk_option_current');
    $current.addClass('dk_option_current');
    _setScrollPos($dk, $current);
}

After:

// Set the currently selected option
function _setCurrent($current, $dk) {
    $dk.find('.dk_option_current').removeAttr('class');
    $current.addClass('dk_option_current');
    _setScrollPos($dk, $current);
}

Another suggestion is if the <select> when it is necessary to direct a url to do something similar to javascript below. It is widely used in archive (dropdown) of Wordpress.

$(document).ready(function(){
            $('#archive_dropdown').dropkick({
                change: function (value, label) {
                    location.href = value;
                }
            });
});

Hope that helps improve the plugin!

www.rhianmolinari.com