JSFiddle - React, Tailwind, and code Playground

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>

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));