jQuery懸停后元素大小調整問題

Question

所以我有一個問題的CSS和jQuery的。 當前，jquery在窗口加載和窗口調整大小時會動態調整某些元素的大小，以便每次加載和瀏覽器窗口調整大小時，它們的高度和寬度都相等，這很棒。

我的問題是，由於這只是內聯css，因此在懸停執行操作后，某些元素會調整大小，並且不會自動將新大小應用於所有其他元素。

我當時想也許是嵌入到頭部或身體中，而jQuery會操縱它，但我不知道這是否可行。

我願意接受建議...

這是我正在從事的工作，因此您可以自己看到： http : //staging.idgadvertising.com/idg/do-not-touch/

//Resize videos and picture holders
    $(window).load(function(){
var frameWidth = $(".teammember").width();

var topTotal = parseInt(frameWidth) + 13;
$(".teammember").css("min-height", topTotal );
        $(".teammember").css("height", topTotal );
    });

$(window).resize(function(){
var frameWidth = $(".teammember").width();

var topTotal = parseInt(frameWidth) + 13;
$(".teammember").css("min-height", topTotal );
    $(".teammember").css("height", topTotal );
    });
 });

Answer 1

您的問題不是jQuery，而是float屬性。

在CSS中，從#top .flex_column_table_cell選擇器中刪除float: none屬性。

或者，如果您不能直接更改此CSS，請嘗試更改window.load函數，以將float屬性添加到每個.teammember元素：

$(window).load(function(){
    var frameWidth = $(".teammember").width();

    var topTotal = parseInt(frameWidth) + 13;
    $(".teammember").css("min-height", topTotal );
    $(".teammember").css("height", topTotal );
    $(".teammember").css("float", "left" );

});

順便說一下，與團隊成員的好方法！ :)

干杯，耶隆

編輯：添加了jQuery解決方案。