回发后的 JqueryMobile 弹出窗口答案

【问题标题】：JqueryMobile popup after postback回发后的 JqueryMobile 弹出窗口
【发布时间】：2013-07-08 15:27:37
【问题描述】：

我有一个 Jquerymobile 弹出窗口（在 asp.net 网站中），其中有一个简单的文本区域和提交按钮。在提交按钮事件之后，我想做一些事情。验证 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>

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

谢谢。

【问题讨论】：

你能显示一些代码吗？您只能使用localStorage 来执行此操作。没有别的办法
感谢您的关注，我刚刚添加了代码。

标签： asp.net jquery-mobile popup

【解决方案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 submit form

【讨论】：

谢谢饥饿痛，我会用ajax方式。