JSFiddle - React, Tailwind, and code Playground

by Peter

HTML

<script src="http://lab.veno.it/venobox/venobox/venobox.min.js"></script>
<link rel="stylesheet" href="http://lab.veno.it/venobox/venobox/venobox.css">
<a data-type="inline" class="venobox dialog lnkdelete" id="lnkdelete"  href="#divdeleteimage"> Dialog </a>
    
     <div id="divdeleteimage">                     <a class="btnconfirmdelete btn" href="#" id="btnconfirmdelete"  docid="-1"  > Delete</a>
                </div>

JavaScript

(function ($, Sys) {

    $(document).ready(
        function () {
            $('.venobox').venobox();

              /* custom settings */
              $('.venobox_custom').venobox({
                  framewidth: '400px',        // default: ''
                  frameheight: '300px',       // default: ''
                  border: '10px',             // default: '0'
                  bgcolor: '#5dff5e',         // default: '#fff'
                  titleattr: 'data-title',    // default: 'title'
                  numeratio: true,            // default: false
                  infinigall: true            // default: false
              });

              $(".btnconfirmdelete").click(function (event) {
                  alert('Delete');   
              });

      function callme () { 
          alert('Called');
      }
            
      callme();
    });
}(jQuery, window.Sys));