[UI Mobile] jquery mobile data-role="popup"

bonjour,

Je suis actuellement sur un projet jquery mobile j'ai un page avec une popup, la popup ce lance bien sur les navigateur tel que google chrome ou le navigateur par défaut un galaxy S3 mais la popup ne se lance pas correctement sur un iphone 4 sous safarie ... quelqu'un aurait il une idée car sur le site il dise que c'est compatible avec pas mal de navigateur dont safarie

Code:

1
2
3
4
5
6
<head>
 <link rel="stylesheet" href="../styles/themes/mostyle.min.css" > 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" />      
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>

dans la page :

Code:

1
2
3
4
5
6
7
  <label > Voir les  <a href="#popupBasic" data-rel="popup"  >CGU </a>
    <%-- PopupBasic --%>
                    <div data-role="popup" id="popupBasic" class="ui-content"> 
                        <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
                        <iframe src="http://www.plop.fr/CGU/12349.html" border="0" frameborder="0" framespacing="0" width="20%"></iframe>
                    </div>
                </label>