回发后JqueryMobile弹出窗口

Question

我有一个Jquerymobile弹出窗口（在asp.net网站上），在其中我有一个简单的textarea和Submit按钮。 提交按钮事件之后，我想做一些事情。 在textarea上验证，如果为空则显示带有错误消息的文字。 如果成功，则显示感谢消息以及关闭按钮。 所有这些必须在打开弹出窗口（提交之后）时完成。

问题是，提交后刷新DOM并关闭弹出框。

<div class="feedback-text">
        <a href="#feedback" data-rel="popup">Feedback</a>
        </div>
        <div data-role="popup" id="feedback" data-overlay-theme="a" data-position-to="window">
            <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
        <div class="feedback-field-wrapper">                          
             <asp:TextBox ID="txtFeedback" runat="server" Text="*feedback" cssclass="form-first-name" TextMode="MultiLine" Rows="3"></asp:TextBox>
        </div>
        <center>
        <div class="errormsg-feedback"><asp:literal ID="ltError" runat="server" Text="test" Visible="false"></asp:literal></div>        
            <asp:Button ID="btnFeedback" runat="server" Text="Submit" data-ajax="false" 
                data-icon="arrow-r" style="width:150px;" data-inline="true" /></center>                 
</div>

你们是否建议在提交后是否有办法使弹出框保持打开状态。

谢谢。

Answer 1

不幸的是，您通常无法做到这一点，否则您将使用localStorage API。 这就像浏览器中存在的缓存系统一样。 从DiveIntoHTML5

那么什么是HTML5存储？ 简而言之，这是网页在客户端Web浏览器中本地存储命名键/值对的一种方式。 像cookie一样，即使您离开网站导航，关闭浏览器选项卡，退出浏览器或拥有什么之后，这些数据仍然存在。

您可以在#btnFeedback事件中的localStorage中设置一个值，然后在页面刷新时，检查该值是否在页面刷新时存在并重新打开它。

设置值：

 localStorage["isOpen"] = "1";

要检查其是否为null ：

 var isOpen = localStorage["isOpen"];
 if ([null, undefined].indexOf(isOpen) == -1) {
        //data exists
 }

演示： http : //jsfiddle.net/hungerpain/ZJvjJ/

另一种更好的方法是使用ajax提交表单。 这样，页面将不会刷新，并为用户提供良好的体验。

这是一个可以帮助您做到的问题： jQuery AJAX提交表单