JavaScript events architecture
To me the code is a little hard to read in that you have an initialization function, metadata around events to be bound, the binding function, and the callbacks all at the same level in your events object.  How is this any better than just defining all the event bindings within a typical document.ready() block?  At least there, all your code for each binding is kept all in one place, rather than spread out across the different properties in this event object.

To me, something like the following is simply clearer (and would actually be more concise in terms of total characters needed to implement the functionality):

$(document).ready(function() {
    $('.js-settingsCollapse').on('click', function() {
        ...
    });

    $('.js-settingTrigger').on('click', function() {
       ...
    });

    ...
}


I also don't see how your framework will handle event delegation so as to allow for this approach to work with dynamically added elements.

Also, since you are really not using any functionality in jQuery which is not available in regular javascript, you might want to consider dropping the jQuery dependency.