Object as a Functions Argument - Not Working

Object as a Functions Argument - Not Working

by Nirvanachain

HTML

<div class="js-target" data-options="{'openText':'Simon Says Open','closeText':'Simon Says Close','loadingText':'Simon Says Wait'};"></div>

JavaScript

var element = $('.js-target');

(function(ele) {
  
    var defaults = {
        'isOpen' : false,
        'isItCool' : true,
        'openText' : 'Open',
        'closeText' : 'Close'   
    };
    
    var opts = ele.data().options;
    
    console.log(opts);
    console.log(defaults);
    
    var settings = $.extend({}, defaults, opts);
    console.log(settings);
    
})(element);