Скрипт не работает с JQuery 1.9.0

Question

Следующий скрипт дает равные высоты элементам div в конкретном контейнере при загрузке и изменении размера окна. Это взято из http://stephenakins.blogspot.gr/2011/01/uniform-div-heights-for-liquid-css-p.html

Он работает под нагрузкой, но в jQuery 1.9.0 функция не работает при изменении размера окна. Если я изменю версию jQuery на 1.5.0, изменение размера будет работать. Я использовал плагин jQuery migrate, но он не выдает никаких предупреждений или ошибок. Есть ли несовместимость с синтаксисом 1.9.0? Есть идеи?

// these are (ruh-roh) globals. You could wrap in an
// immediately-Invoked Function Expression (IIFE) if you wanted to...
var currentTallest = 0,
    currentRowStart = 0,
    rowDivs = new Array();

function setConformingHeight(el, newHeight) {
    // set the height to something new, but remember the original height in case things change
    el.data("originalHeight", (el.data("originalHeight") == undefined) ? (el.height()) : (el.data("originalHeight")));
    el.height(newHeight);
}

function getOriginalHeight(el) {
    // if the height has changed, send the originalHeight
    return (el.data("originalHeight") == undefined) ? (el.height()) : (el.data("originalHeight"));
}

function columnConform() {

    // find the tallest DIV in the row, and set the heights of all of the DIVs to match it.
    $('.equalize > .col').each(function() {

        // "caching"
        var $el = $(this);

        var topPosition = $el.position().top;

        if (currentRowStart != topPosition) {

            // we just came to a new row.  Set all the heights on the completed row
            for(currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) setConformingHeight(rowDivs[currentDiv], currentTallest);

            // set the variables for the new row
            rowDivs.length = 0; // empty the array
            currentRowStart = topPosition;
            currentTallest = getOriginalHeight($el);
            rowDivs.push($el);

        } else {

            // another div on the current row.  Add it to the list and check if it's taller
            rowDivs.push($el);
            currentTallest = (currentTallest < getOriginalHeight($el)) ? (getOriginalHeight($el)) : (currentTallest);

        }
        // do the last row
        for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) setConformingHeight(rowDivs[currentDiv], currentTallest);

    });

}


// Dom Ready
// You might also want to wait until window.onload if images are the things that
// are unequalizing the blocks
$(function() {
    columnConform();
});


//  Window resize functions 
$(window).resize(function() {
columnConform();
});

Answer 1

Я думаю, что ваша проблема здесь заключается в использовании вами data(), В jQuery 1.9.0 значения хранятся в элементе data-* Атрибут читается только при первом прохождении элемента в DOM, используя data(),

Вместо того, чтобы использовать data('originalHeight)использовать attr('data-originalHeight') вместо этого, поскольку это будет перечитывать значение каждый раз, когда оно вызывается.