jquery - jQuery datepicker の問題: キャッチされない TypeError

Question

セルにタブ ナビゲーションを提供する必要がある jqgrid があります。これまで理解できなかった奇妙なエラーに遭遇しました。

グリッドに複数の日付セルがあり、選択するとjqueryのデフォルトの日付ピッカーが表示されます。また、選択したセルに独自の textboxstyle クラスを適用することもあります。

これは、タブ ナビゲーションを検出するために使用しているコードです。

afterEditCell: function (id, name, val, iRow, iCol) {
    var e = window.event;
    var charCode = e.which || e.keyCode;
    if (charCode == 9) {
        e.preventDefault();
        var $row = $grid.find('.jqgrow#' + id);
        var $columns = $row.find('td');
        $td = $($columns[iCol]);

        if (isAnyDate(iCol)) {
           $td.find('input').addClass('textBoxStyle').datepicker();  //if it is a date field then apply a datepicker
        }
        else {
            $td.find('input').addClass('textBoxStyle');
        }
   }

問題: 私が取得し続けるエラーは次のとおりです。

Uncaught TypeError: Cannot read property 'dpDiv' of undefined jquery-ui-1.8.19.custom.min.js:65
$.extend._doKeyDown jquery-ui-1.8.19.custom.min.js:65
f.event.dispatch jquery-1.7.1.min.js:4
f.event.add.h.handle.i

奇妙な部分：マウスを使用してセルをナビゲートし、同じ手順を繰り返すと、魅力のように機能します...その時点でエラーは発生しません..ヘルプ？