动态添加元素 - 使用$(this)

Question

向动态添加元素时,如下所示:

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

有人可以解释这种行为以及如何使用$(this)就像你在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.