Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用jquery手风琴跳跃_Jquery_Accordion - Fatal编程技术网

用jquery手风琴跳跃

用jquery手风琴跳跃,jquery,accordion,Jquery,Accordion,我已经制作了一个jquery手风琴,当它打开时,它会一直跳跃。我认为这可能是.content div上的边距/填充问题,但在删除它之后,这似乎不是问题所在。我看不出还有什么会导致这个问题 我已经上传了这个,你们可以看一下 我已经看了其他线程,有些线程说可以应用 display:block; 但这并没有解决我的问题:( 非常感谢您的帮助。请查看本教程。它似乎为跳转问题提供了解决方案: 看看本教程。它似乎为跳转问题提供了一个解决方案: 当手风琴为事物设置动画时,它在计算高度时,为分区内容提供一个

我已经制作了一个jquery手风琴,当它打开时,它会一直跳跃。我认为这可能是.content div上的边距/填充问题,但在删除它之后,这似乎不是问题所在。我看不出还有什么会导致这个问题

我已经上传了这个,你们可以看一下

我已经看了其他线程,有些线程说可以应用

display:block;
但这并没有解决我的问题:(


非常感谢您的帮助。

请查看本教程。它似乎为跳转问题提供了解决方案:


看看本教程。它似乎为跳转问题提供了一个解决方案:


当手风琴为事物设置动画时,它在计算
高度时,为
分区内容提供一个
位置:绝对
。 此时,
div.content
的宽度大于
li
,在
主体的末端结束。因此计算的
高度
是错误的,如果您尝试对
content
进行
绝对定位
,就可以看出这一点

解决方案是将父级
li
设置为
相对位置
,因此即使在计算
高度
时将
div.content
设置为
绝对
,也会采用父级
li
宽度
,并获得正确的
高度

.accordion li {
    border-bottom: 1px dotted #D4D4D4;
    display: block;
    position: relative;
}

当手风琴为事物设置动画时,它会在一小部分时间内为
目录提供
位置:绝对
,同时计算
高度
。 此时,
div.content
的宽度大于
li
,在
主体的末端结束。因此计算的
高度
是错误的,如果您尝试对
content
进行
绝对定位
,就可以看出这一点

解决方案是将父级
li
设置为
相对位置
,因此即使在计算
高度
时将
div.content
设置为
绝对
,也会采用父级
li
宽度
,并获得正确的
高度

.accordion li {
    border-bottom: 1px dotted #D4D4D4;
    display: block;
    position: relative;
}

哇,我从来没有意识到这一点!非常感谢:)很高兴知道,你可以点击勾号将其标记为正确答案,以便其他人可以从中受益。这也证明了这一点。哇,我从来没有意识到这一点!非常感谢:)很高兴知道,你可以点击勾号将其标记为正确答案,以便其他人可以从中受益。也证明了这是有帮助的。