Javascript/jQuery函数在<IE8中未定义

不久前,我在这里问了一个问题,当一个标题在一个给定的容器中超过一行时,我如何计算,然后把这些行包装在 <span> :

Use Javascript/jQuery to determine where a heading breaks to the next line?

我选择了一个对我非常有用的答案,至少在我签入IE7和IE6之前,这个脚本处理的所有标题都呈现为

" 未定义未定义未定义未定义未定义 [...]"

在页面上。因为我不是一个真正的JavaScript人(这就是为什么我一开始会问这样一个问题),所以我很难找出问题所在。我假设了一个未定义的变量或其他什么,但我似乎无法理解它。

有人能帮忙吗?

我将在此处重复代码,但有关上下文,请参阅上面的链接:

$(function(){
  $h = $('.fixed').find('h3');
  $h.each(function(i,e){
    var txt = $(e).text();
    $th = $('<h3 />').prependTo($(e).parent());
    var lh = $(e).text('X').height();
    $(e).text('');
    while (txt.length > 0) {
        $th.text($th.text() + txt[0]);
        txt = txt.slice(1);
        if (($th.height() > lh) || (txt.length <= 0)) {
            var shc = $th.text().split(' ');
            var ph = shc.slice(0,-1).join(' ')+' ';
            if (txt.length <= 0) { ph += shc.pop(); }
            $('<span />').text(ph).appendTo($(e));
            $th.text(shc.pop());
        }
    }
    $th.remove();
  })
});