Как я могу отделить этот код JavaScript дальше?

Question

У меня есть объект JavaScript. И вы можете увидеть строку:

window.gv.borderiseTDCell(this); 

ли tigthly подсоединенный к окну (если gv не инициализирован он выходит из строя). Однако я действительно хочу это сделать:

//bind the click event 
jQuery('.highlightableTDCell').click(function() { 

    borderiseTDCell(this); 
}); 

Но это не работает. Любые идеи, что я могу сделать? Это полный lisinng (с жесткой связью):

gridview = function() { 

    //bind the click event 
    jQuery('.highlightableTDCell').click(function() { 

     window.gv.borderiseTDCell(this); 
    }); 

}; 


//selecting cell 
gridview.prototype.selectCell = function (obj) { 

     //dostuff to cell 

    }; 

И страница ...

<table class="EditTable" cellpadding="0" cellspacing="0">  
     <tr> 
      <td> 
       <div style="">0</div> 
      </td> 
      <td> 
       <div style="">0 akudsfsa fdhsad fiasgdf swae</div> 
      </td> 
      <td class="highlightableTDCell"> 
       <div> 
        <input value="0.00"/> 
       </div> 
      </td> 
     </tr> 
</table> 

Answer 1

Это, вероятно, потому, что вы используете this, когда вы должны использовать $(this)

borderiseTDCell($(this)); 

Кроме того, gridview, как представляется, не определен:

var gridview = function(){} 

Answer 2

Не знаете, зачем вам нужна библиотека, чтобы очертить ячейку таблицы. Как насчет создания класса под названием outlinedCell

.outlinedCell{border:1px solid #f00;} 

Затем вы можете добавлять, удалять или переключить этот класс

//bind the click event 
$('.highlightableTDCell').click(function() { 
    $(this).addClass('outlinedCell'); 
    // or // $(this).removeClass('outlinedCell'); 
    // or // $(this).toggleClass('outlinedCell'); 
}); 

эфире SAMPLE: http://jsfiddle.net/WJp2Z/