0

クリックする.triggerと、配置されているオブジェクトを{left: '0'}左に移動して、ブラウザウィンドウのピクセル幅に同じピクセルを一致させます。誰かが私がこれを理解するのを手伝ってくれますか？これは私がこれまで一緒に取り組んできたものであり、後を追う必要のある機能を理解することはできませんelse.. {left: 'pixel width of browser window'}

$(document).ready(function() {
    // Prompt
    $('.trigger').live('click', toggleName);

    function toggleName() {
        if ($("#some-id").attr('data-state') == 'open') $("#some-id").animate({
            left: '0'
        }, 500, 'easeOutExpo', function() {
            $(this).attr('data-state', 'close')
        }), ;
        else $("#some-id").animate({
            left: 'pixel width of browser window'
        }, 500, 'easeOutExpo', function() {
            $(this).attr('data-state', 'open')
        }), ;
        return false;
    }
});​
4

1 に答える 1

1

width関数を使用して、ウィンドウの幅を取得します。

 else $("#some-id").animate({
        left: $(window).width()
 }, ...

これにより、divが右に移動し、ウィンドウから離れます（cssによって異なります）。

divを右に固定したい場合は、right: 0代わりに使用することをお勧めします。

于 2012-12-01T19:38:39.567 に答える