JSFiddle - React, Tailwind, and code Playground

by Daniel DeGroff

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<script src="https://rawgithub.com/mziech/jquery-ui/fix-8740/ui/jquery.ui.tooltip.js"></script>

<ol>
    <li>Click the button and see how many remove events are register.</li>
    <li>Hover over textbox many times</li>
    <li>Click button and see that remove events not unbound</li>
</ol>

<input id="test" type="text" title="this is a tooltip">
<button id="btnCheckCount">Click</button>

CSS

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet">

JavaScript

$( "#test" ).tooltip();
    
$( "#btnCheckCount" ).on( "click", function() {
    var events = $._data( $( "#test" )[ 0 ], "events" );
    alert( "Remove events:" + events.remove.length );
});