Can you create nested popups with JQueryMobile

Question

I am new to JQueryMobile... I am trying get this sample code to open another popup from within an open popup using JQueryMobile and I am failing. The first link works, but the o

Answer 1

You can open a popup within a popup is possible is Jquery mobile. Check the below one to get popup within a popup.

 <a href="#expensePopup" data-rel="popup" data-role="button" data-inline="true" id="addExpenses1">Open poup 1</a>

<div data-role="popup" id="expensePopup"  data-dismissible="false"> <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
<div>  <div data-role="header">
    <h3>popup1</h3>
  </div>
              <a href="#pagetwo" data-rel="popup" data-role="button" data-icon="plus"  id="deleteExpenses1">Open popup 2</a>

</div>
<div   id="pagetwo" data-role="popup">
    <a data-role="button" data-theme="a" data-icon="delete"  class="ui-btn-left"  data-iconpos="notext" onclick="closePopup();"></a>
  <div data-role="header">
    <h3>I'm A popup2!</h3>
  </div>

  <div data-role="main" class="ui-content">
    <p>The dialog box is different from a normal page.</p>
  </div>


</div> 
    <div>
function closePopup(){
 $("#pagetwo").popup("close");
 $("#expensePopup").popup("open");
}

See this fiddle Demo