缺少上下文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
,它使用JQueryon.
函数为按钮设置单击事件。这还提供了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?现在更清楚了,谢谢,请参阅下面我编辑的建议。