JSFiddle - React, Tailwind, and code Playground

by mayooresan

HTML

<div data-role="page" id="home">
    <div data-role="header">
        <a href="#home2" data-role="button">Next</a>
        <h1>header</h1>
    </div>
    <div data-role="content">
        home
    </div>
</div>
<div data-role="page" id="home2">
    <div data-role="header">
        <a href="#home" data-role="button">Prev</a>
        <h1>header</h1>
    </div>
    <div data-role="content">
        home 2
    </div>
</div>

JavaScript

$(document).on('pageshow', '#home', function(){       
    alert('test');
});

$(document).on('pageshow', '#home2', function(){       
    alert('test');
});