JQuery：内容加载不等待动画完成

发布于 2024-12-20 18:01:41 字数 333 浏览 3 评论 0原文

$("#clickme").click(
            function(){
                $(this).slideToggle(1000);
                $(this).load("MYTEXT.txt");
                $(this).slideToggle(1000);
            }   
        )

我希望仅在第一个动画完成后才显示 HTML 元素的新内容。这段代码发生的情况是，它先向上滑动，然后向下滑动新内容，但是新内容是在向上滑动效果完成之前显示的！

我该如何解决这个问题？

原文

$("#clickme").click(
            function(){
                $(this).slideToggle(1000);
                $(this).load("MYTEXT.txt");
                $(this).slideToggle(1000);
            }   
        )

I want the new content of my HTML element to be displayed ONLY after the first animations is finished. What happens in this code is, it first slides up, and slides down with new content, but the new content is shown before the slide up effect is done!

How can I fix this?

分享到QQ

分享到微博

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

发布评论

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

看海 2024-12-27 18:01:41

$("#clickme").click( 
            function(){ 
                $(this).slideToggle(1000, function () {
                    $(this).load("MYTEXT.txt", function () {
                        $(this).slideToggle(1000);
                    });
                });     
            }    
        )

为了让事情先后发生，您可以使用回调仅在前一个函数运行后运行代码（这对于动画和 AJAX 调用非常有用）。

$("#clickme").click( 
            function(){ 
                $(this).slideToggle(1000, function () {
                    $(this).load("MYTEXT.txt", function () {
                        $(this).slideToggle(1000);
                    });
                });     
            }    
        )

To get things to happen after eachother, you can use callbacks to run code only after the previous function has run (which is very useful for animations and AJAX calls).

回复收藏 0 原文

你如我软肋 2024-12-27 18:01:41

您必须将它们作为回调链接起来

$("#clickme").click(function(){
    $(this).slideToggle(1000, function(){
        $(this).load("MYTEXT.txt", function(){
            $(this).slideToggle(1000);
        });
    });
});

You will have to chain them as callbacks

$("#clickme").click(function(){
    $(this).slideToggle(1000, function(){
        $(this).load("MYTEXT.txt", function(){
            $(this).slideToggle(1000);
        });
    });
});

回复收藏 0 原文

呆萌少年 2024-12-27 18:01:41

试试这个：

$("#clickme").click(
            function(){
                $(this).slideToggle(1000).load("MYTEXT.txt").slideToggle(1000);
            }   
        )

try this:

$("#clickme").click(
            function(){
                $(this).slideToggle(1000).load("MYTEXT.txt").slideToggle(1000);
            }   
        )

回复收藏 0 原文

画离情绘悲伤 2024-12-27 18:01:41

$("#clickme").click(function(){
      $(this).slideToggle(1000, function() {
          $(this).load("MYTEXT.txt", function() {
              $(this).slideToggle(1000);
           });
      });
});

$("#clickme").click(function(){
      $(this).slideToggle(1000, function() {
          $(this).load("MYTEXT.txt", function() {
              $(this).slideToggle(1000);
           });
      });
});

回复收藏 0 原文

~没有更多了~