Question

I am trying to do a popup in my mobile app. My code is this:

<a id="options" data-role="button" data-icon="gear" data-iconpos="notext" href="#optionsPopup" data-rel="popup" data-inline="true"></a>

<div data-role="popup" id="optionsPopup" data-overlay-theme="a" style="padding-top: 40px">
    <ul data-role="listview" data-inset="true" style="data-theme:a">
        <li><a href="#" id="go">Go to</a>
            <input name="goInput" type="hidden" data-role="datebox" id="goInput" data-options='{"mode": "calbox"}' />
        </li>
        <li>
            <a href="#" id="compare">Compare</a>
            <input name="compareInput" type="hidden" data-role="datebox" id="compareInput" data-options='{"mode": "calbox"}' />
        </li>
        <li><a onclick="goToday()" >Today</a></li>
    </ul>
</div>

When I click in #options the popup opens but not in an popup but in a new window!

Does anyone has any idea why is this happening??

Answer 1

Did you perhaps mean to use data-rel="dialog" instead of data-rel="popup"?

If so, you can see more about the dialog documentation here.

Updating the fiddle from the comments would get you this.