jQuery Forum

Hey guys I have an issue on WP7 with a overlay popup not working

I have a div with some <a href.. > tags inside:

<div data-role="popup" id="popupMenu"><a href...></a></div>

and I have a script that runs when  a button on the page is clicked which shows the popup

<a data-theme="g" id="aboutTab" href="#" onclick="showPopup(); return false;" data-icon="custom">
      <p>About</p>
</a>

<script>
    function showPopup() {
        $('#popupMenu').show();
    }

    function hidePopup() {
        $('#popupMenu').hide();
    }

    //Because the popup has a fixed position i have to hide it on each pageshow
    $(document).on('pageshow', '#corporateToolkitPage', function (event) {
        hidePopup();
    });
</script>

This is working fine on android/blackberry/ios but for some reason this will not load in WP7 emulator or on one WP7 phone that I tried...

Here is the CSS behind it just in case its a css issue

    #popupMenu {
        border: 1px solid #000;
        background: rgba(0,0,0,.5);
        width:100%;
        margin-bottom:77px;
        position:fixed;
        right:0px;
        bottom:0px;
        opacity:0.95;
        filter: alpha(opacity=95);
    }

    #popupMenu .ui-btn {
        width:50%;
        margin-right:auto;
        margin-left:auto;
        margin-bottom:5px;
    }

Has anyone seen a similar problem / know why it is happening?

Thanks in advance! :)