Apply hooks locally

Hooksare currently applied globally. If I write something like that $.fn.selectric.hooks.add('Init', 'placeholder', setPlaceholder); all other selectric instances are affected.

Wouldn’t it be better to allow hooks to be applied per instance? What was the original thought to implement this function? The Event-System is relatively similar, isn’t it?

const select = $('select').selectric();
const hooks = select.selectric('hooks');

hooks.add('Init', 'placeholder', setPlaceholder);

#140

[laphilosophia]

here. fixed it.

$('.fixed-label').selectric({
  onInit: function( element, obj ) {
    const select = $(element);
    const placeholder = select.data('placeholder');
    const wrapper = select.closest('.selectric-wrapper');
    const label = wrapper.find('.label');
    if ( label.text() !== placeholder ) {
      label.text(placeholder);
    }
  }
});

[gearsdigital]

If you want I can remove the hook-stuff… Have some spare time right now 😃