JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page" id="page"> 
    <a href="#" data-role="button" id="create">Create a popup</a>
</div>

JavaScript

$('#create').on('click', function () {
    //create a div for the popup
    var $popUp = $("<div/>").popup({
        dismissible: false,
        theme: "a",
        overlyaTheme: "a",
        transition: "pop"
    }).on("popupafterclose", function () {
        //remove the popup when closing
        $(this).remove();
    });
    //create a title for the popup
    $("<ul data-role='listview'/>").trigger("create").appendTo($popUp);

  

    $popUp.popup('open').trigger("create");
    //$popUp.popup('open');
});