jQuery SlideUp/slideDown 问题

发布于 2024-09-24 05:25:21 字数 587 浏览 7 评论 0原文

在制作 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

http://jsfiddle.net/Xu6B4/9/

Any help would be appreciated!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜点 2024-10-01 05:25:21

您正在调用 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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文