Question

我会一个接一个地制作这个代码。有可能吗？

$('#carouselselectitem1').click(function() {
    $('#foo2').animate({opacity: "0"}, function() {
        $(this).load("carousel/todos.html");
        $('#foo2').animate({"opacity":"1"});
        $('#carouselselectitem1').css({'background-color' : '#FF0000' , 'opacity' : '1'});
    });
});

Answer 1

如果我理解你的问题，你必须使用回调函数：

$('#carouselselectitem1').click(function() {
    $('#foo2').animate({opacity: "0"}, function() {
        $(this).load("carousel/todos.html", function() {
            $('#foo2').animate({"opacity":"1"}, function() {
                $('#carouselselectitem1').css({'background-color' : '#FF0000' , 'opacity' : '1'});                          
            });
        });
    });
});

Answer 2

您可以使用jQuery触发事件。看这里： Trigger Event底部有一个示例，button_2触发点击事件，按钮_ 1

Answer 3

试试吧：

$('#carouselselectitem1').click(function() {
    $('#foo2').animate({opacity: "0"},1000 , function() {
        $(this).load("carousel/todos.html");
        $('#foo2').animate({"opacity":"1"},1000,function(){
             $('#carouselselectitem1').css({'background-color' : '#FF0000' , 'opacity' : '1'}); 
        });
    });
});

Answer 4

您需要使用load函数的回调以及其他回调。我还建议缓存选择器。

$('#carouselselectitem1').click(function(){
  var carousel = $(this),
      foo2     = $('#foo2');
  foo2.animate({opacity: "0"}, function(){
    foo2.load("carousel/todos.html", function(){
      foo2.animate({opacity:"1"}, function(){
        carousel.css({'background-color' : '#FF0000','opacity' : '1'});
      });
    });
  });
});

活动结束后的活动

4 个答案: