JSFiddle - React, Tailwind, and code Playground
HTML
<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div id="testid"></div>
JavaScript
var html = '';
var testbox = $("#testid");
for (var i=0; i<25; i++) {
html += '<a href="#" title="test!">test!</a><br />';
}
testbox.html(html);
testbox.tooltip({
content: "wait, please...",
open: function(event, ui) {
var _elem = ui.tooltip;
$.ajax({
url: '/echo/html/',
success: function(data) {
//hacky, but works! :)
_elem.find(".ui-tooltip-content").html("woop!");
},
});
}
});