JSFiddle - React, Tailwind, and code Playground

by mayooresan

HTML

<ul data-role="listview" id="mylist">
    <li><a href="#popupBasic" data-rel="popup" data-customattr="value1" customattr="value1">Basic Popup 1</a></li>
    <li><a href="#popupBasic" data-rel="popup" data-customattr="value2" customattr="value12">Basic Popup 2</a></li>
</ul>

<a href="#popupBasic" data-rel="popup" id="mybutton" data-role="button" data-customattr="button value">button example</a>

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

JavaScript

$(document).on('pageshow', function(){
    $('#mylist a').bind('click', function(event){
        console.log($(this).text());
       $('#mypopup').html($(this).data('customattr'));
        alert($(this).attr('customattr'));
    });
    
    $('#mybutton').bind('click',function(){
         $('#mypopup').html($(this).data('customattr'));
    });
});