JSFiddle - React, Tailwind, and code Playground

by iamjpg

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//www.jqueryscript.net/demo/Tiny-Feature-rich-jQuery-Dialog-Popup-Plugin-ZLDialog/js/ZLDialog.js"></script>
<link rel="stylesheet" href="//www.jqueryscript.net/demo/Tiny-Feature-rich-jQuery-Dialog-Popup-Plugin-ZLDialog/css/ZLDialog.css">
<div id="demo-dialog-callback">Click Me</div>

CSS

body {
  margin: 20px;
}

#demo-dialog-callback {
  padding: 10px;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  display: inline-block;
}

JavaScript

$("#demo-dialog-callback").click(function() {
  $.dialog({
    content: "Dialog with callback",
    hideX: true,
    drag: false,
    lock: false,
    closeBack: function() {
      $.dialog.message({
        content: "Callback content"
      });
    },
    buttons: [{
      text: "Click me"
    }]
  });
});