场景:使用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 " data-role="button" data-theme="c" data-inline="true" />
</div>
</div>
答案 0 :(得分:0)
他们不会合并在一起 首先你必须关闭第一个弹出窗口,然后必须打开下一个弹出窗口。 $(&#34;#PopupConfirmAssignment&#34)弹出。(&#34;靠近&#34); setTimeout(function(){ $(&#34;#PopupTotalLoss&#34)弹出。(&#34;开&#34); },1000);