1

このコードを次々に作成します。それが可能だ？

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

4 に答える 4

2

私があなたの質問を正しく理解しているなら、あなたはコールバック関数を使わなければなりません：

$('#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'});                          
            });
        });
    });
});
于 2013-01-14T15:59:03.037 に答える
1

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'});
      });
    });
  });
});
于 2013-01-14T16:04:31.663 に答える
1

jQueryを使用してイベントをトリガーできます。ここを見てください： トリガーイベント下部に例があります、button_2はbutton_1のクリックイベントをトリガーします

于 2013-01-14T15:59:57.530 に答える
1

ただそれをテストしてください： 

$('#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'}); 
        });
    });
});
于 2013-01-14T16:01:43.873 に答える