JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/black-tie/jquery-ui.css">
<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="edit_29" style="display:none">
    <div class="fullWidth sectionContainer">
        <form id="row_29" action="/Company/18/AddRow" method="post">
            <input name="bob11" id="bob1" value="">
                <br/>
                <br/>
            <input name="bob22" id="bob2" type="text" value="">
        </form>
    </div>
</div>
<button id="test">Click me</button>

JavaScript

$('#test').click(function (a) {
    var dialogSelector = $('#edit_29');

    dialogSelector.dialog({
                            autoOpen: true,
                            modal: true,
                            draggable: true,
                            buttons: [{
                                text: 'okbutton',
                                click: function () {
                                    alert(1);
                                }
                              }, {
                                text: 'closemenow',
                                click: function () {
                                $(this).dialog("close");
                                }
                            }],
                        close: function () {
            alert('closing');
        }
    });
});