JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.js"></script>
<script type="text/javascript" >
</script>
</head>
<body>
<div id="0"><input type="text" ></div>
<tr>
<td><input type="button" class="comment0" value="Comment" id="comment0"></td>
</tr>
JavaScript
$(document).ready(function(){
showClick();
});
function showClick(){ $('#comment0').click(function(ez) {
$('#0').dialog('open');
ez.preventDefault();
return false;
});
$('#0').dialog({
autoOpen: false,
modal: true,
resizable: false,
title: 'haha',
height: 'auto',
draggable: true,
position: 'center'
}); }