Convert data-options attribute into an object of key/value pairs. ex. data-options="height: 50; width: 50px; title: This is a sample title"

readme.md

Example

Markup

<a 
class="example" 
href="#" 
data-options="speed: 500;
              easing: easeInOutCubic;
              offset: 0;
              updateURL: false"; 
>
	link
</a>

JavaScript

var item = document.querySelector('.example');
var options = getDataOptions( item ? item.getAttribute('data-options') : null );

console.log(options);
// Returns: Object{speed: 500, easing: easeInOutCubic, offset: 0, updateURL: false}

data-options.js

/**
 * Remove whitespace from a string
 * @private
 * @param {String} string
 * @returns {String}
 */
var trim = function ( string ) {
	return string.replace(/^\s+|\s+$/g, '');
};

/**
 * Convert data-options attribute into an object of key/value pairs
 * @private
 * @param {String} options Link-specific options as a data attribute string
 * @returns {Object}
 */
var getDataOptions = function ( options ) {
	var settings = {};
	// Create a key/value pair for each setting
	if ( options ) {
		options = options.split(';');
		options.forEach( function(option) {
			option = trim(option);
			if ( option !== '' ) {
				option = option.split(':');
				settings[option[0]] = trim(option[1]);
			}
		});
	}
	return settings;
};

option.split(':') split your option too, if you have a link for example: (http**:**//example.com). Maybe you have an idea...