jquery - $.slideDown() 之后消失 <textarea>

Question

我在 IE7 及更低版本中遇到问题，我通过 $.slideUp() 和 $.slideDown() 切换表单的显示，有一个消失的文本区域。

这是表单代码:

<% using (Html.BeginForm("AddComment", "Comment", FormMethod.Post, new { id = "addCommentForm", @class = "comments-form" }))
 { %>
    <input type="hidden" name="SiteID" value="<%: Model.Name %>" />
    <table>
        <colgroup>
            <col class="comments-form-text" />
            <col class="comments-form-submit" />
        </colgroup>
        <tbody>
            <tr>
                <td>
                    <textarea name="Text" rows="2" cols="75"></textarea>
                </td>
                <td>
                    <div>
                        <input type="submit" value="Add Comment" />
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
    <% } %>

我在 JavaScript 中(使用 jQuery)单击按钮来切换显示: $('#addCommentForm').slideDown();

我的问题是，在 IE7 及更低版本中，当表单完成向下滑动时，文本区域会消失。仅当我超过提交按钮(已使用 jQueryUI .button() 方法设计样式)时，它才会重新出现。

当我说消失时，它就消失了。在IE开发工具中查看html，它的html仍然存在，只是根本没有被渲染。

尽管我非常讨厌 IE，但我还是需要支持它:(

有人知道为什么会发生这种情况吗？或者我怎样才能减轻它？

Answer 1

有一些方法可以解决这个问题:

• 尝试使用另一个元素，例如span 而不是 div 元素滑下。可能是IE的渲染错误；
• 另一种方法是设置 zoom:1;在你的 CSS 中添加到你所在的元素试图向下滑动；
• 您还可以解决此设置min-height 到您的滑动元素你的 CSS；