缺少上下文Javascript

缺少上下文Javascript,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,我有一个方法\u addEvents,它使用JQueryon.函数为按钮设置单击事件。这还提供了cartCollection.removietem(buttonId)的单击按钮的id的问题是它一直松开按钮的id值,并给出未定义的 已编辑 \u addEvents必须从该模板获取已单击按钮的id: <script type="text/template" id="cartTemplate"> <ul id = "cartList" > <% for(var i

我有一个方法
\u addEvents
,它使用JQuery
on.
函数为按钮设置单击事件。这还提供了
cartCollection.removietem(buttonId)的单击按钮的id
的问题是它一直松开按钮的id值,并给出
未定义的

已编辑
\u addEvents
必须从该模板获取已单击按钮的id:

<script type="text/template" id="cartTemplate">
<ul id = "cartList" >
    <% for(var i = 0; i < data.items.length; i++){%>
    <%if(data.items[i].quantity === 1){%>
    <li><%=data.items[i].item.id%><br>
        <%=data.items[i].item.name%><br>
        Price per Phone:<%=data.items[i].item.price%><br>
        <%=data.items[i].thisItemTotal %><br>
        Total Quantity:<%=data.TotalQuantity%><br>
        Total Price:<%=data.total%><br>
        <button id="<%=data.items[i].item.id%>" type="button" class="removeButton btn btn-default" aria-label="center-align">
            Remove
        </button>
    </li>
    <%} else {%>
    <li><%=data.items[i].item.id%><br>
        <%=data.items[i].item.name%><br>
        Quantity:<%=data.items[i].quantity%><br>
        Price per Phone:<%=data.items[i].item.price%><br>
        <%=data.items[i].thisItemTotal %><br>
        Total Quantity:<%=data.TotalQuantity%><br>
        Total Price:<%=data.total%><br>
        <button id="<%=data.items[i].item.id%>" type="button" class="removeButton btn btn-default" aria-label="center-align">
            Remove
        </button>
    </li>
    <%}%>
    <%}%>
</ul>

})

好的-您的
引用回调上下文,您应该从事件对象获取单击的对象:

_addEvents: function () {
    'use strict';
    this._rootElement.on('click','.removeButton' , function ( e ) {
        var buttonId = $( e.currentTarget ).attr('id'); // GET TARGET FROM EVENT
        console.log('id:' + buttonId);
        cartCollection.removeItem(buttonId);
        cartList.render();
    });
}

好的-您的
引用回调上下文,您应该从事件对象获取单击的对象:

_addEvents: function () {
    'use strict';
    this._rootElement.on('click','.removeButton' , function ( e ) {
        var buttonId = $( e.currentTarget ).attr('id'); // GET TARGET FROM EVENT
        console.log('id:' + buttonId);
        cartCollection.removeItem(buttonId);
        cartList.render();
    });
}

好的-您的
引用回调上下文,您应该从事件对象获取单击的对象:

_addEvents: function () {
    'use strict';
    this._rootElement.on('click','.removeButton' , function ( e ) {
        var buttonId = $( e.currentTarget ).attr('id'); // GET TARGET FROM EVENT
        console.log('id:' + buttonId);
        cartCollection.removeItem(buttonId);
        cartList.render();
    });
}

好的-您的
引用回调上下文,您应该从事件对象获取单击的对象:

_addEvents: function () {
    'use strict';
    this._rootElement.on('click','.removeButton' , function ( e ) {
        var buttonId = $( e.currentTarget ).attr('id'); // GET TARGET FROM EVENT
        console.log('id:' + buttonId);
        cartCollection.removeItem(buttonId);
        cartList.render();
    });
}

好吧,现在它给我的不是什么:
id:undefined
。那么你的addEvent没有绑定到根元素,你必须在你的问题中明确这一点!这样说吧,您应该在定义回调的上下文中保存上下文,我正在进行相应的编辑。现在,它给我的不是什么:
id:undefined
。那么您的addEvent没有绑定到根元素,您必须在问题中明确这一点!这样说吧,您应该在定义回调的上下文中保存上下文,我正在进行相应的编辑。现在,它给我的不是什么:
id:undefined
。那么您的addEvent没有绑定到根元素,您必须在问题中明确这一点!这样说吧,您应该在定义回调的上下文中保存上下文,我正在进行相应的编辑。现在,它给我的不是什么:
id:undefined
。那么您的addEvent没有绑定到根元素,您必须在问题中明确这一点!让我们这样说吧,你应该在定义回调的上下文中保存上下文,我正在进行相应的编辑。是的,这应该给你点击按钮的id。什么不起作用?它如何“保持松开按钮的id值”?你希望它是什么id?现在更清楚了,谢谢,请看下面我编辑的建议。是的,这应该给你点击按钮的id。什么不起作用?它如何“保持松开按钮的id值”?你希望它是什么id?现在更清楚了,谢谢,请看下面我编辑的建议。是的,这应该给你点击按钮的id。什么不起作用?它如何“保持松开按钮的id值”?你希望它是什么id?现在更清楚了,谢谢,请看下面我编辑的建议。是的,这应该给你点击按钮的id。什么不起作用?它如何“保持松开按钮的id值”?您希望它是什么id?现在更清楚了,谢谢,请参阅下面我编辑的建议。