Search code examples
jqueryjquery-mobilejquery-mobile-popup

Popup doesn't appear

I want to show popup window.

Here the jQuery Mobile page:

<div>
    <div data-role="footer" data-position="fixed" class="centered-butons">
      <div data-role="controlgroup" data-type="horizontal" style="text-align: center" data-theme="b">
        <a href="#myPopup" data-rel="popup" class="ui-btn ui-corner-all">Show Popup</a>
      </div>
    </div>

    <div></div>

    <div id="myPopup" data-role="popup" data-theme="a" data-corners="true" data-transition="none" data-position-to="origin" data-aria="disabled">
      <p>This is a simple popup.</p>
    </div>
</div>

When I click on anchor the popup don't show up.

Solution

  • Please, take a look to the fiddle I made, it works fine.

    I think that your problem can be that your jQuery JS library version is not compatible with the new JQuery Mobile after updating to 1.4.5.

    Try changing the jQuery version. It worked for me with

    • jquery-1.8.3.min.js
    • jquery.mobile-1.4.5.min.js

    I hope this helps you!