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）中的按钮点击切换显示：＜code＞$（#addCommentForm）.slideDown（）

我的问题是，在IE7及以下版本中，当表单完成向下滑动时，文本区域就会消失。只有当我浏览了提交按钮（它是使用jQueryUI＜code＞.button（）＜/code＞方法设计的）时，它才会再次出现。

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

尽管我非常讨厌IE，但我必须支持它：(

有人知道为什么会发生这种事吗？或者我该如何缓解？

Answer 1

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

Try using another element, like a span instead of a div element to slideDown. Might be an IE s rendering bug;
Another approach, is to set zoom:1; in your CSS to the element you re trying to slideDown;
You can also solve this setting a min-height to your sliding element in your CSS;

Answer 2

在元素上设置宽度可以解决问题。所有@paullilo解决方案都运行良好，但设置宽度将有助于保护您免受其他相关错误的影响。

slideDown将位置临时设置为绝对，这有时会产生一个称为“跳跃”错误的错误。发生这种情况的原因是，当元素宽度在其绝对值的短暂时刻发生变化时，有时slideDown无法准确计算高度。除非迫不得已，否则我讨厌设置宽度，但在这种情况下，如果可以的话，我建议您这样做。

友情链接