JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css">
<div id="modal" style="display: none;">loading...</div>
<a href="#" class="ajax">click me</a>

JavaScript

$('.ajax').on('click', function(){

        $.ajax({
            url: '/',
            success: function(data){

                $('#modal')
                .dialog({
                    modal: true,
                    width: 300,
                    height: 300
                })
                .html('Maecenas sed diam eget risus varius blandit sit amet non magna. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.');
            }
        });

        return false;

    });