切换快速问题

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");
                        });
                    });
                });