jquery - 切换快速问题

Question

我有一个很好用的切换功能，除非你尝试点击太快，每个单独的切换内容更新不够快。

我尝试跟踪可点击状态并尝试取消绑定点击，但由于切换不是事件处理程序，因此无法将其绑定回来。

Javascript：

                $('#toggleImages').toggle(function() {
                    $('#ip').fadeOut(200, function () {
                        $('#en').fadeIn(200, function() {
                            $('#swap').attr("src", "t1.png");
                        });
                    });
                }, function () {
                    $('#en').fadeOut(200, function () {
                        $('#ip').fadeIn(200, function() {
                            $('#swap').attr("src", "t2.png");
                        });
                    });
                });

感谢您的任何建议。

Answer 1

试试这个，使用.stop()：

$('#toggleImages').toggle(function() {
                    $('#ip').stop().fadeOut(200, function () {
                        $('#en').stop().fadeIn(200, function() {
                            $('#swap').attr("src", "t1.png");
                        });
                    });
                }, function () {
                    $('#en').stop().fadeOut(200, function () {
                        $('#ip').stop().fadeIn(200, function() {
                            $('#swap').attr("src", "t2.png");
                        });
                    });
                });