Question

每次刷新页面时，中间的所有div都会在页面加载时折叠，第一个div在页面加载/刷新时上下移动一次。

我如何防止这种情况，因此页面在页面加载时不会产生这种“折叠动画”并且仍保留slideUp / slideDown函数？

我正在使用jQuery 1.11.0 with migrate 1.2.1

$(document).ready(function() {
    $(function() {
        $('h3 + div').hide('slow/400/fast');
        $('h3:first').next().show('slow/400/fast');


        var $buffer = $('h3:first');

        $('#content h3').click(function() {

            var style_disp =$buffer.next().css('display');

            $(this).next().slideDown('slow/400/fast');
            if (style_disp == 'block') {
                $buffer.next().slideUp('slow/400/fast');
            }
            $buffer = $(this);
        });
    });
});

Answer 1

首先，您有2个文档就绪函数，这是不必要的。 Me.Application.Documents.Open(FileName:="c:\users\testdocument.doc", ReadOnly:=True)是$(function() {的简写，因此您可以继续删除其中一个，因为他们会做同样的事情。

其次，您传递给$(document).ready(function() { / hide()函数的选项不正确。你应该只通过一个速度，你目前正在通过3种不同的速度。

最后，您使用show()隐藏/显示页面加载时的div，而不是您应该在页面加载时隐藏要隐藏的div，通过CSS并仅使用jQuery来切换点击的可见性。

jQuery show / hide在页面加载时崩溃

1 个答案: