JSFiddle - React, Tailwind, and code Playground

by mayooresan

HTML

<div data-role="page" id="mypage">
    <ul data-role="listview" id="mylist">
        <li><a href="#popupBasic" data-rel="popup" customattr="value1">Basic Popup 1</a>
        </li>
        <li><a href="#popupBasic" data-rel="popup" customattr="value2">Basic Popup 2</a>
        </li>
    </ul>
<a href="#" id="mybutton" data-role="button" customattr="button value">dismiss</a>

    <div data-role="popup" id="popupBasic">
        <p id="mypopup">This is a completely basic popup, no options set.</p>
    </div>
</div>

JavaScript

$(document).on('pagecreate', function (event) {
    $('#mybutton').bind('click', function () {
        $('#mypage').trigger('click');
    });
});