JSFiddle - React, Tailwind, and code Playground

HTML

<script src="&lt;script src=&quot;http://code.jquery.com/ui/1.9.0/jquery-ui.js&quot;&gt;&lt;/script&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css&quot; /&gt;"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<label>Click the minus button</label><br />
<label>Bug: The tooltip still active</label><br />
<input type="text" name="tipoCampo[]" size="20" /><button title="Excluir nivel de consulta" id="del" class="delDinamico"></button>

JavaScript

$(function() {
    $(document).tooltip();

    $('#del').button({
        icons: {
            primary: "ui-icon-minus"
        }
    }).css({
        'font-size': 'larger',
        'width': '37px',
        'height': '23px',
        'top':'6px'
    });
    
    $('.delDinamico').live('click', function (event) {
        if (event.type == 'click') {
            $(this).remove();
        }
    });

});