jquery - 使用 jquery 动态改变高度以匹配宽度

Question

我有一个可以改变元素宽度的开关，我希望高度与宽度相匹配

我查看并发现它可以工作，但在单击切换后它不会改变

所以我在寻找一个响应变化的解决方案

var cw = $('.child').width();
$('.child').css({'height':cw+'px'});

演示: http://jsfiddle.net/47e84/1/

请注意我是 jquery 的新手

Answer 1

您正在使用页面加载时存储的值并在每次点击时重置相同的值，您应该获得当前宽度。也不需要使用 if 语句，为了切换类，可以使用 .toggleClass() 方法。

$('.feed-options-switch').on('click', function (event) {
    $('ul.feed-content').toggleClass('list grid');
    $('.work').css('height', function () {
        return getComputedStyle(this).width;
    });
});

http://jsfiddle.net/bqu2y/