JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="page" id="p1">
        <p>Page 1</p>
<a href="#" class="ui-btn ui-btn-icon-left ui-icon-delete" id="notext">Delete</a>

<a href="#p2" class="ui-btn ui-btn-icon-left ui-icon-home">Page 2</a>

    <p class="size"></p>
</div>

<div data-role="page" id="p2">
    <p>Page 2</p>
<a href="#" class="ui-btn ui-btn-icon-left ui-icon-delete" id="notext">Delete</a>

<a href="#p1" class="ui-btn ui-btn-icon-left ui-icon-home">Home</a>

    <p class="size"></p>
</div>

JavaScript

function resizeBtn() {
    var activePage = $.mobile.pageContainer.pagecontainer("getActivePage");
    if ($(window).width() <= 480) {
        $("#notext.ui-btn-icon-left", activePage).toggleClass("ui-btn-icon-notext ui-btn-icon-left");
    } else {
        $("#notext.ui-btn-icon-notext", activePage).toggleClass("ui-btn-icon-left ui-btn-icon-notext");
    }
    /* for demo */
    $(".size").html("Window's width: " + $(window).width());
}

$(document).on("pagecontainerbeforeshow", resizeBtn);

$(window).on("throttledresize", resizeBtn);