Come creare un popup con JQuery Mobile

Come creare un popup con JQuery Mobile

Con le JQuery Mobile è possibile creare semplicemente dei popup scrivendo un semplice codice in HTML. Vediamo un esempio su come creare un popup:

<div data-role="popup" id="viewPopup" data-transition="pop">
   <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
   <br>
   <center>
      <h3>Land of World</h3>
   </center>
</div>

Per visualizzare il popup occorre richiamarlo, in questo caso, tramite l’ID della DIV utilizzando lo script jQuery:

$(document).ready(function(){
   $('#viewPopup').popup('open');
});