Jquery Mobile - 关闭对话框后跳转固定标题(firefox)

时间:2013-07-09 13:17:29

标签: javascript html css jquery-mobile

我有一个问题,你可以在这里看到(使用firefox):http://fiddle.jshell.net/ckuskun/qrcdS/show/light/

单击“打开”链接时,会打开一个对话框。关闭此对话框后,固定标题会跳到顶部。

我该如何解决这个问题

我有这个问题mac firefox和windows firefox,其他浏览器没问题。我曾尝试过本地和托管。

http://www.screenr.com/BVhH

1 个答案:

答案 0 :(得分:1)

这是一个jQuery Mobile错误,它与对话框以及框架如何处理回页操作有关。

现在,如果您从首页标题中删除 data-position="fixed" ,则可以修复此问题。

工作示例:http://jsfiddle.net/A5Tp8/5/embedded/result/

HTML:

 <div data-role="page" id="yonetim">
    <div data-role="header" id="fheader">
        <h1>lorem</h1>          
    </div><!--header-End-->
    <div data-role="content">       
        <a href="#yeni-kullanici-ekle" data-prefetch="true" data-theme="a" data-icon="plus" data-iconpos="right" data-rel="dialog" data-transition="pop" >open</a>              
    </div><!--content-End-->
    <div data-role="footer" data-position="fixed" style="border-top:1px solid #aaa;">
        <h6 id="footer-text"><a href="<?=BASE_URL; ?>/Anasayfa/CikisYap/" data-ajax="false" >log-out</a> - </h6>
    </div><!--footer-End--> 
</div><!--page-End-->



<div data-role="dialog" id="yeni-kullanici-ekle"  data-theme="a">
        <div data-role="header" data-theme="a">
            <h1>Yeni Kullanıcı</h1>
        </div>
        <div data-role="content" data-theme="a">
            deneme
        </div>
        <div data-role="footer" data-theme="a">     
            deneme
        </div>
</div>