JSFiddle - React, Tailwind, and code Playground

by umer qureshi

HTML

<a id='test' class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-a test">Check if popuop open</a>

<a href="#popupLogin" id='signin' data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-a" data-transition="pop">Sign in</a>

<div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
    <form>
        <div style="padding:10px 20px;">
             <h3>Please sign in</h3>

            <label for="un" class="ui-hidden-accessible">Username:</label>
            <input type="text" name="user" id="un" value="" placeholder="username" data-theme="a">
            <label for="pw" class="ui-hidden-accessible">Password:</label> <a id='test' class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-a test">Check if popuop open</a>

        </div>
    </form>
</div>

JavaScript

$('.test').click(function () {
     alert($.mobile.activePage.find("#popupLogin").parent().hasClass("ui-popup-active"));
 })