JqueryMobile彈出後回發

我有一個Jquerymobile彈出窗口（在asp.net網站），並在其中我有一個簡單的textarea和提交按鈕。提交按鈕事件後，我想要做某些事情。 textarea上的驗證（如果爲空）顯示帶有錯誤消息的文字。如果成功，然後顯示一封感謝信息和關閉按鈕。所有這些都必須在彈出窗口打開的情況下完成（提交之後）。JqueryMobile彈出後回發

問題是，提交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>

你們是否會建議在提交後保持彈出框打開狀態？

謝謝。

來源

2013-07-08 SSiddiqui

可能u顯示一些代碼，請？你只能使用'localStorage'來做到這一點。有沒有其他的方式 – krishgopinath

感謝您的興趣，我只是添加了代碼。 – SSiddiqui

不幸的是，你不能這樣做，通常unleass，否則你使用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

來源

2013-07-08 07:27:37 krishgopinath

謝謝hungerpain，我會用ajax的方式去。 – SSiddiqui

JqueryMobile彈出後回發

回答

相關問題