jquery - jQuery切换宽度

Question

使用下面的 jQuery，我正在尝试.toggleClass同时在 2 个给定宽度之间切换。我不太清楚如何在 headerwidth 和 foabgwidth 之间进行更改

$('.mChatOpts .pane').click(function(){
    var _headerwidth = $('#header').width();
    var _foabgwidth = $('.forabg').width();
    $('.chatbox').toggleClass('fixed',function(){           
        $('.fixed').css({
            'width':_headerwidth
        });
    });
});

Answer 1

您需要查询元素以查看它是否具有fixed类并采取相应措施..

$('.mChatOpts .pane').click(function(){
    var _headerwidth = $('#header').width();
    var _foabgwidth = $('.forabg').width();
    $('.chatbox').toggleClass('fixed',function(){
        var self = $(this),
            added = self.hasClass('fixed'),
            widthToUse = _headerwidth; // initialise with one value

        if (added){
            widthToUse = _foabgwidth;
        }

        self.width(widthToUse);
    });
});

if (added)如果你想要它，你应该反转它..

Answer 2

也许你可以试试这个：

$('.mChatOpts .pane').click(function(){
var _headerwidth = $('#header').width();
var _foabgwidth = $('.forabg').width();
$('.fixed').css('width',_foabgwidth);
$('.chatbox').toggleClass('fixed',function(){           
    $('.fixed').css('width',_headerwidth);
});
});