Multiple init Tagify about tagify HOT 1 CLOSED

To detect dynamically added DOM nodes, please read my answer here: https://stackoverflow.com/a/14570614/104380

I assume you have no idea when are those inputs which are supposed to be Tagified are added, because you would have had them Tagified right after that.

Regarding your initTagify function, it is strange to put the input event callback inside it, as it might be garbage-collected. And on top of that, you are creating a new callback function every time instead of using the same one for all of your Tagify inputs..

You do not need to access the tagifyItem variable inside the input event callback because you should have multiple Tagify instances using the same callback, and so you can access the instance (in the callback function) like so:

function initTagify(el, data = {}){

    let opt = {
        delimiters: '?'
    }

    // example
    if(el.getAttribute('data-one') == '1'){
        opt.mode = 'select';
    }

    // set some option 
    if(el.getAttribute('data-bla_bla') == '1'){
        opt.some_prop = 'some_value';
    }

    // init
    let tagifyItem = new Tagify(el, opt);

    if(el.getAttribute('data-suggest'))
        tagifyItem.on('input', onTagifyInput);
}

function onTagifyInput(e) {
    tagify = e.detail.tagify
    tagify.whitelist = null
    requestTagifySuggest(tagify, {'e' : e, 'type' : 'getProducts' })
}

from tagify.