Dialog close转到上一页

时间:2016-01-09 08:41:37

标签: jquery-mobile

预期场景:我在一个页面中有两个div,一个是弹出窗口,另一个是主页面。当我点击弹出窗口时弹出窗口应该打开,当我点击弹出窗口关闭时它应该显示另一个div

实际场景:当我关闭它时,它不显示另一个div,而是转到上一页 使用Jquery Mobile 1.3.0

$.mobile.changePage("#publishlogonmanage", { role: "dialog", transition:"slideup",reload:false,reverse: false,changeHash: false });

PopUP COde

        <div data-role="page" id="publishlogonmanage" data-history="false" data-overlay-theme="b" data-theme="b">        
        <div data-role="header" data-theme="a">        
        <a data-icon="delete" id="logonClose" data-mini="true" data-theme="a" data-rel="back" data-role="button" class="ui-btn-left"></a>       
        <a data-icon="delete"  data-theme="a" data-transition="flip" data-rel="back" data-mini="true" data-role="button" class="ui-btn-left" style="width:80px;" >Close</a>
    </div>
    <div data-role="content" style="padding: 0; margin: 0; background: #FFFFFF;">
    This is Body
    </div>

</div>

主页:

<div data-role="page" data-theme="b" id="MobilePage" data-overlay-theme="b">
            <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="a">
                <div style="float: left; margin-left: 5px;"> <a href="javascript:GoBack();" data-icon="back" id="btnBack" data-ajax="false" data-role="button" data-theme="a">Back</a></div>

                <h1 id="title">                10            </h1>

            </div>
            <div data-role="content" class="master-wrapper-page">
    This is body
     <div style="margin-top:7px;display:none;float: right !important; margin-left: 0px !important;overflow:ellipsis;white-space: nowrap;" data-close-btn="right" id="ManageLogon" data-mini="true" onclick="LoadDialog();" data-rel="popup"></div><img src="../../../images/logon-E.png" style="1px solid #666666;margin-top:3px;margin-right:-5px float: right;height:30px;width:30px;" id="logonexp" /></div>
</div>
</div>

0 个答案:

没有答案