JSFiddle - React, Tailwind, and code Playground

by zerolfc

HTML

<a href="http://prosoftwareuk.co.uk/page/template/custom/404.html" class="ss-modal">
  Open Modal
</a>

JavaScript

$(function () {

  $('body').on('click', '.ss-modal', function (e) {

    var $this = $(this);

    $('body').find('#uimodal-output').remove();

    var outputHolder = $('<div id="uimodal-output" title="Test"></div>');
    $('body').append(outputHolder);

    outputHolder.dialog({
      modal: true,
      width: 'auto',
      position: 'center',
      close: function (event, ui) {
        $(this).dialog('destroy').remove();
        $('#uimodal-output').dialog('destroy').remove();
      },
      open: function (e, ui) {

        //position: { "my": "center", "at": "center" }


      }
    });

    outputHolder.load($this.attr('href'), function () {
      setTimeout(function () {
        outputHolder.dialog("option", "position", {
          "my": "center",
          "at": "center"
        });
      }, 300);
    }).html('test teting loading');

    e.stopPropagation();
    e.preventDefault();
  });

})