jQuery Mobile页脚导航栏在$(' #page')之后停留在页面上。触发器('创建')

时间:2017-03-31 14:23:04

标签: javascript jquery css jquery-mobile

在我的webapp中,我通过ajax动态加载数据。加载后我触发一个"创建"在页面上,我已经改变了。但是在创建之后,底部的导航栏(固定)保持在底部,即使我切换到没有任何导航栏的另一个页面。

问题是,动态内容中的一些jQuery Mobile元素必须重绘(按钮)

页面如下所示:



 <div data-role="page" id="fax" data-title="Fax" data-theme="b">
        <div data-role="header" data-theme="b">
            <a href="#faxe" data-direction="reverse" data-icon="arrow-l">back</a>
            <h1>Fax</h1>
        </div>
        <div data-role="ui-content" role="main">
            <div id="myAjaxContent"></div>
        </div>
        <div data-id="fax" data-role="footer" data-position="fixed" data-theme="b">    
            <div data-role="navbar" data-iconpos="top">
                <ul>
                    <li><a href="#fax" data-icon="star" class="ui-state-persist ui-btn-active">Fax</a></li>
                    <li><a href="#map" data-icon="home">Map</a></li>
                </ul>
            </div>
        </div>
    </div>
&#13;
&#13;
&#13;

我的Ajax:

$.post('ajax.php',{ action: 'fax', ID: faxID, lat: lat, lon: lon },function(data){
        $('#fax').find('div[data-role="ui-content"]').find('#myAjaxContent').html(data.fax);
        $('#fax').trigger("create");
        $( ":mobile-pagecontainer" ).pagecontainer( "change", "#fax" );                
    },'json');

0 个答案:

没有答案