jQuery SlideUp/slideDown 问题
在制作 jQuery 滑块时遇到问题,我有一个显示相应信息的链接列表。不同的链接有不同的内容,因此有不同的高度。
它可以工作,但我遇到的问题是,当附加不同高度的新内容时,slideDown() 会滑动到前一个内容的高度(尽管新内容是那里!)然后猛拉回正确的高度?此外,当发生这种情况时,我的“关闭”按钮不再起作用。
$('#timelineDataContainer').slideUp(400,function(){
$('#timelineData').queue(function(){
$(this).html('')
.append('Some new content here....')
.dequeue();
});
});
$('#timelineDataContainer').slideDown();
的工作示例
这是 jFiddle http://jsfiddle.net/Xu6B4/9/
任何帮助将不胜感激!
Been having a problem making a jQuery slider, I have a list of links that reveal the corresponding information. Different links have different content, so have different heights..
It works but the problem I'm having is when new content of a different height is appended, the slideDown() slides to the height of the previous content (although the new content is there!) then jerks back to the correct height? Also when this happens my 'close' button no longer works.
$('#timelineDataContainer').slideUp(400,function(){
$('#timelineData').queue(function(){
$(this).html('')
.append('Some new content here....')
.dequeue();
});
});
$('#timelineDataContainer').slideDown();
Here is a working example from jFiddle
Any help would be appreciated!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您正在调用 SlideDown(),而不等待 SlideUp() 完成。
这应该按预期工作: http://jsfiddle.net/Xu6B4/12/
You are calling the SlideDown() without waiting for SlideUp() to finish.
This should be working as expected: http://jsfiddle.net/Xu6B4/12/