jquery - Jquery滑出菜单 - 代码问题

Question

我一直在玩我在 jsfiddle 上找到的 jquery 滑出菜单：

http://jsfiddle.net/fh6p4/

这是执行滑动的代码：

<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

像这样的东西？

    $('#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
        });
    }

在这里看到它：

小提琴

Answer 2

.toggle

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