2011-10-20 4 views
0

私は、ラジオボタンを使用して2つの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では、2番目のdivの内容が短くなります。これをどうすれば解決できますか?

EDIT:より具体的には、高さが縮小されたテキスト領域ID = "txtareaTemplateは" だとテキストエリアは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の問題はブラウザフローの問題である傾向があるとは思われませんが、もちろん別の原因が分かりにくいかもしれません。

関連する問題