动态添加元素 - 使用$（本）

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 

是否有人可以解释这种行为，以及如何我可以使用$（这）就像你如果DOM加载时确实存在的元素？

感谢

Answer 1

=>父环境的变化this到this：

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

编译成

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

使用->代替，这将不会修改this。