Question

我一直在玩jsfiddle上发现的jquery幻灯片菜单：

这是执行滑动的代码：

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('#button').toggle( 
    function() {
        $('#right').animate({ left: 150 }, '', function() {
            $('#button').html('Close');
        });
    }, 
    function() {
        $('#right').animate({ left: 0 }, '', function() {
            $('#button').html('Menu');
        });
    }
);
});//]]>  

</script>

这与jquery 1.7.2完美配合，但在更高版本，例如1.9.1，按钮div #button消失，我假设切换功能无法正常工作但无法看到问题出在哪里

Answer 1

.toggle

注意：此方法签名在jQuery 1.8中已弃用，在jQuery 1.9中已删除。 jQuery还提供了一个名为.toggle（）的动画方法，可以切换元素的可见性。是否触发动画或事件方法取决于传递的参数集。

Answer 2

这样的东西？

    $('#button').click(openMySlidingMenu);

    function openMySlidingMenu(e) {
        e.preventDefault();
        $('#button').click(closeMySlidingMenu);
        $('#right').stop().animate({ left: 250 }, 'slow', function() {
            $('#button').html('Close');
            // is open
        });
    }

    function closeMySlidingMenu(e) {
        e.preventDefault();
        $('#button').click(openMySlidingMenu);
        $('#right').stop().animate({ left: 0 }, 'slow', function() {
            $('#button').html('Menu');
           // is close
        });
    }

在此处查看：

FIDDLE

Jquery滑出菜单 - 代码问题

2 个答案: