jQuery Mobile Popup通过另一个Popup显示

时间:2015-05-28 19:37:38

标签: asp.net-mvc-4 jquery-mobile popup

场景:使用jQuery Mobile版本1.4.5框架的MVC Razor .NET应用程序。从列表中选择项目后,我出现了第一个弹出窗口。该弹出窗口仅确认从上一页的列表中选择的项目,然后它显示两个按钮:继续和返回。 “继续”按钮调用第二个弹出按钮。
问题:第一个弹出窗口出现后立即出现问题;第二个弹出窗口可以通过第一个看到,几乎就像它们被合并在一起一样。我显然需要摆脱这个。任何从哪里开始的想法?

这是第一个弹出窗口的代码:

<div data-role="popup" id="PopupConfirmAssignment" data-overlay-theme="b" data-theme="b" data-dismissible="false">
    <div data-role="header" data-theme="c">
        <h1>Assignment Confirmation</h1>
    </div>
    <div role="main" class="ui-content">
        <h3 class="ui-title">You have selected to take photos for assignment number <span id="assignmentNumber">_____</span> for a <span id="vehicleInfo">_____</span></h3>            
        <a href="#" class="btnWidth" data-theme="c" style="margin: 0;" data-rel="back" data-role="button" data-inline="true">Go Back</a>
        <a href="#PopupTotalLoss" class="btnWidth" style="margin-top: 0;" data-theme="b" data-role="button" data-rel="dialog" data-transition="pop" data-inline="true">Continue > ></a>
    </div>
</div>

这是第二个弹出窗口的代码:

<div data-role="popup" id="PopupTotalLoss" data-overlay-theme="b" data-theme="b" data-dismissible="false">
    <div data-role="header" data-theme="c">
        <h1>Potential Loss</h1>
    </div>
    <div role="main" class="ui-content" style="text-align: center;">
        <h3 class="ui-title">Is this vehicle potentially a total loss?</h3>
        <input type="submit" onclick="setTotalLoss(1);" name="cmdTotalLossYes" value="Yes" data-role="button" data-inline="true" />
        <input type="submit" onclick="setTotalLoss(0);" name="cmdTotalLossNo" value="No&nbsp;" data-role="button" data-theme="c" data-inline="true" />
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

他们不会合并在一起 首先你必须关闭第一个弹出窗口,然后必须打开下一个弹出窗口。     $(&#34;#PopupConfirmAssignment&#34)弹出。(&#34;靠近&#34);     setTimeout(function(){             $(&#34;#PopupTotalLoss&#34)弹出。(&#34;开&#34);     },1000);