Динамически добавленные элементы - с помощью $ (это)

Question

При добавлении элемента в DOM динамически, как это:

row = """ 
    <div class="ipad-row"> 
     <h3>Sample Row</h3> 
     <div id="wrapper-placeholder"> 

      <div class="scrollView" style=""> 
       <a class="btn btn-primary add-row-item">Add an item</a> 
      </div> 
     </div> 
    </div> 
""" 


$(".add-row").live "click", -> 
    $(".ipad .body").append row 
    false 

Как приходят, когда я пытаюсь получить это от ссылки внутри этой строки элемента, я получаю окно :

$(".add-row-item").live "click", => 
    f = $ this 
    console.log f // this logs window object, not the link element? 
    f.parent().append row_item 

может кто-то пожалуйста объяснить такое поведение и как я могу использовать $ (это), как вы бы, если бы элемент существовал, когда дом загружен?

Благодаря

Answer 1

=> изменения this к this в родительском контексте:

$(".add-row-item").live "click", => 
    f = $(this) 

компилирует в

var _this = this; 
$(".add-row-item").live("click", function() { 
    var f = $(_this); 

Использование -> вместо, который не будет изменять this.