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/

Answer 2

你能做点什么吗

$('.child').height(cw);

动态更改高度以匹配jquery的宽度

2 个答案: