fancybox剝離<form>標籤

Question

我正在使用FancyBox jquery插件來顯示模式彈出框。

該網站是：http://www.chatisfying.com

要查看的fancybox對話框的問題樣本請到這裏：http://www.chatisfying.com/Mohali/

如果選中，則<div id="getPassCode"></div>應該有一個<form>作爲其唯一的子元素。

我使用一個Web用戶控件生成模式對話框的內容，這裏是代碼：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucGetPassCode.ascx.cs" Inherits="UserControls_Default_ucGetPassCode" %> 

<div style="display:none;"> 
<div id="getPassCode"> 
    <form action="<%= Request.RawUrl %>" id="passcode"> 


    <div class="Block"> 
    <div class="label"><%= ms.GetValue("pass_code_label",3)%></div> 
    <div class="float_left"> 


       <input type="text" name="TextBox_PassCode" runat="server" title="" id="TextBox_PassCode" value="" /> 
       <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
     ControlToValidate="TextBox_PassCode" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator> 
    </div> 
    <div class="clear"></div> 
    </div> 



    <% 
     if (this.qaTable != null && this.qaTable.Count > 0) 
     { 
      foreach (FlexChatUpdate2.ThemeQuestionAnswersRow r in this.qaTable) 
      { 
    %> 
      <div class="Block"> 
       <div class="label"><%= ms.GetValue("question_label",3)%></div> 
       <div class="float_left"> 
        <%= r.ThemeQuestion %> 
       </div> 
       <div class="clear"></div> 
      </div> 

      <div class="Block"> 
       <div class="label"><%= ms.GetValue("answer_label",3)%></div> 
       <div class="float_left"> 
        <input type="text" name="answers" value="" /> 
       </div> 
       <div class="clear"></div> 
      </div> 
    <% 
      } 
     } 
    %> 

    <div class="Block"> 
    <div class="label">&nbsp;</div> 
    <div class="float_left"> 
     <input id="Button_GetTheme" name="Button_GetTheme" type="submit" value="" runat="server" /> 

    </div> 
    <div class="clear"></div> 
    </div> 

    <div class="Block"> 
    <div class="label">&nbsp;</div> 
    <div class="float_left"> 


     <a href="<%= ResolveUrl("../../RequestPassCode.aspx?ThemeID=" + this.ThemeID.ToString()) %>"><%= ms.GetValue("request_passcode_link_text",3)%></a> | 
      <a href="<%= this._root %>"><%= ms.GetValue("back_home_link_text",3)%></a> 
    </div> 
    <div class="clear"></div> 
    </div> 
    </form> 
</div> 
</div> 

<a style="display:none;" href="#getPassCode" class="getpasscode_trigger">get pass code</a> 

我的fancybox之前已經使用jqModal，它有表單標籤沒有問題。任何人都可以幫助我，我哪裏錯了？

Answer 1

我解決了這個問題，在花哨的盒子內容顯示完成後，用標籤包裝#getPassCode。像這樣 -

onComplete: function() 
{ 
    $('#getPassCode').wrap('<form action="<%= Request.RawUrl %>" method="post" />'); 
}, 

這重新插入被剝離的標籤。可能是一個混亂的解決方法，但它的工作原理：D

Answer 2

你應該檢查表單標籤不在另一個表單標籤內。