Comments (1)
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.
Related Issues (20)
- React className property supports only one class
- "Uncaught (in promise) TypeError: t is null" when pressing Tab key with empty input and dropdown is shown
- default highlighting of selected value in single-select mode in the dropdown HOT 5
- autoComplete.rightKey = true, mode = null (Default), two problems with the rightKey behavior
- We Insert HTML Tags Or some text between '<' and '>' its remove from textarea when edit HOT 2
- On mobile device keyboard automatically adds space after dot type so it's not possible to write an email to tag HOT 4
- Curly braces not working for tags even with mixTagsInterpolator in settings HOT 2
- Tagify cannot be compiled with Vite HOT 13
- Prevent new lines at all in tagify input HOT 1
- Is it possible to add color to new tags? HOT 2
- Duplicates not allowed in 'mix' mode even though duplicates is true HOT 1
- Tagify Initialization Issue in Symfony Application with Inconsistent Behavior Across Form Fields
- SvelteKit: "SyntaxError: Unexpected token 'export'" HOT 1
- Add event should not get triggered for existing tags upon initialization HOT 8
- Tag with Value '0' is Not Selectable HOT 1
- import Tags doesn't work in typescript HOT 5
- [React] Issue in Vite with `prop-types` HOT 1
- Issue with injectAtCaret when removing a tag.
- manually calling `editTag` method makes tag stuck on editable state
- Is is possible to override behavior when clicking on a tag? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tagify.