prevwong / drooltip.js Goto Github PK

drooltip is currently not usable in a SPA, where HTML is added dynamically after drooltip is initialized.

If you would use a event delegation (e.G. from the body) instead of adding the events on each element this issue would be fixed.

Event Delegation is very easy:

document.querySelector('body').addEventListener("click", function(e) {
	if (e.target.matches(".myTooltip")) {
		// do stuff
	}
});

And don't forget to add a polyfill for element.matches :-) (for IE11)

If i have background image likу this http://joxi.ru/xAeG59kUpYg6Zm.
How can i change the background in this case?
May be i can change the drooltip.css?

Hey Man Thank You For Your Awsome Plugin My Qustion Is
Plugin Create Some Thing Like This For Example
.myTooltip_0 To .myTooltip_10
Im Using Ajax For Load New Content And New HTML File
But After Load New HTML File Again Those Divs Are added Again like this
.myTooltip_0 To .myTooltip_10 And Again Start form .myTooltip_0 To .myTooltip_10

Another Issue I Wana Help is, Hovering Tooltips Inside of container when hover each tooltip in the container all of them will be shown and when Mouse Cursor Get out of container tooltips hides

How To Fixed These Issues??

Thanks ^_^

On IE11, the code does not load. The error is SCRIPT1003: Expected ':' on Line xxxx.

The code it is failing on is:

return {
    url,
    json,
    type
};

If the code is changed to the following, it will work:

return {
    url: url,
    json: json,
    type: type
};

Hi and thank You for great library. Unfortunately it didn't work under IE (tested on version 11.0.9600.18097). In IE console there is error SCRIPT1003 detected at line 50 in drooltip.js at row 8 - ':' character expected. It seems like this problem http://stackoverflow.com/questions/35808557/javascript-ajax-script1003-expected-in-ie-11