0

私は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が消えます。

4

2 に答える 2

0

このようなもの？

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

ここでそれを参照してください：

フィドル

于 2013-07-29T15:07:36.790 に答える
0

。トグル

注: このメソッド シグネチャは jQuery 1.8 で廃止され、jQuery 1.9 で削除されました。jQuery は、要素の可視性を切り替える .toggle() という名前のアニメーション メソッドも提供します。アニメーションまたはイベント メソッドが起動されるかどうかは、渡された引数のセットによって異なります。

于 2013-07-29T14:52:41.487 に答える