JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div style="height:1000px;"></div>
<a href="javascript:OpenDialog_Details();">open</a>
<div id="box" style="display:none;">hi</div>
JavaScript
function OpenDialog_Details()
{
$('#box').dialog(
{
'autoOpen': true,
'modal': true,
'minWidth': 350,
'minHeight': 250,
'position': 'middle',
'title': 'lala',
'buttons': {
'close': function() { $(this).dialog("close"); }
}
});
}