2011-10-20 52 views
0

我正在使用它來使用單選按鈕在兩個div之間切換。jquery正在改變div內容的大小

$(document).ready(function() { 
    $("#emailDocuments").hide(); 
    $("input[name$='group1']").click(function() { 
    var test = $(this).val(); 
    $("div.desc").hide(); 
    $("#" + test).show(); 
}); 
}); 

沒有jQuery代碼的div和它的內容大小正確。用這個jQuery,第二個div的內容被縮短了。我怎樣才能解決這個問題?

編輯:更具體地說,它是textarea的ID = 「txtareaTemplate」,即在高度萎縮,textarea的是將TinyMCE

HTML編輯器

電子郵件 - 驗證請求

<div><label><input type="radio" name="group1" value="printFaxDocuments" checked="true">Print/Fax Documents</label>  
<label><input type="radio" name="group1" value="emailDocuments" checked="false">Email Documents</label></div> 

<div id="printFaxDocuments" class="desc">Print/Fax 

     <asp:Button ID="btnDisplayLiveLinkDocument" runat="server" Text="Display LiveLink Document" 
     Width="511px" onclick="btnDisplayLiveLinkDocument_Click" /> 


</div> 
<div id="emailDocuments" class="desc"> 



<br /> 
<table> 
    <tr> 
    <td align="right"><asp:Label ID="lblTo" runat="server" Text="To:" ></asp:Label></td> 
    <td><asp:TextBox ID="txtTo" runat="server" Width="550px"></asp:TextBox></td> 
    </tr> 
    <tr> 
    <td align="right"><asp:Label ID="lblFrom" runat="server" Text="From:" Width="120px"></asp:Label></td> 
    <td><asp:TextBox ID="txtFrom" runat="server" Width="550px"></asp:TextBox></td> 
    </tr> 
    <tr> 
    <td align="right"><asp:Label ID="lblReplyTo" runat="server" Text="Reply To:" Width="120px"></asp:Label></td> 
    <td><asp:TextBox ID="txtReplyTo" runat="server" Width="550px"></asp:TextBox></td> 
    </tr> 
    <tr> 
    <td align="right"><asp:Label ID="lblSubject" runat="server" Text="Subject:" Width="120px"></asp:Label></td> 
    <td><asp:TextBox ID="txtSubject" runat="server" Width="550px"></asp:TextBox></td> 
    </tr> 
    <tr> 
    <td align="right">Attachments:</td> 
    <td> 


    </td> 
    </tr> 
    <tr > 
    <td></td> 
    <td><textarea id="txtareaTemplate" name="content" cols="90" rows="30" runat="server" ></textarea></td> 
    </tr> 
    <tr><td></td><td align="right"><asp:Button ID="btnSendEmail" runat="server" 
      Text="Send Email" Width="200px" onclick="btnSendEmail_Click" /><br /><br /> 


</table> 
</div> 



</form> 

+1

上傳html –

+0

你可以在jsbin.com或jsfiddle.com上放置一個測試頁面來顯示你的html/css和js的問題嗎? –

+1

你應該發佈 sbaaaang

回答

1

這可能是一個完整的紅色鯡魚,但你關閉表之前缺少一個,很難說這是否是這個小小的asp代碼段的問題。我希望這個對你有用。

它似乎不太可能是jQuery問題,他們往往是瀏覽器流量問題,當然可能有另一個原因很難說。