单击其他链接时，JqueryUi幻灯片效果的持续时间不会停止

Question

当我在第1页时，我点击PAGE2链接，它将向右滑动，持续时间为2秒，当它滑动时，我无法点击PAGE1链接。如何在幻灯片滑动时单击第1页或停止滑动？ 请帮帮我

$(document).ready(function(){

        $('.link2page1').click(function(e){
            e.preventDefault();

            $('#page2').hide(
                    function(){
                        $('#page1').show();
                    }
                );
        });

        $('.link2page2').click(function(e){
            e.preventDefault();
            $('#page1').hide('slide',{direction:'right'},2000,
                function(){
                    $('#page2').show();
                }
                );

            });
    }); 

请在jsfiddle

上查看我的代码

Answer 1

我认为以下代码可以帮助您。

    $(document).ready(function () {
        $('.link2page1').click(function (e) {
            e.preventDefault();

            $('#page2').hide(
                        function () {
                            $('#page1').stop();
                            $('#page1').css("left","0px");
                            $('#page1').show();
                        }
                    );
        });

        $('.link2page2').click(function (e) {
            e.preventDefault();
            $('#page1').hide('slide', { direction: 'right' }, 10000,
                    function () {
                        $('#page2').show();
                    }
                    );
        });
    });