将click事件绑定到类内部的方法
Bind a click event to a method inside a class
在我的对象的构造函数中,我创建了一些span标记,我需要将它们引用到同一对象的方法。
下面是我的代码示例:
$(document).ready(function(){
var slider = new myObject("name");
});
function myObject(data){
this.name = data;
//Add a span tag, and the onclick must refer to the object's method
$("body").append("<span>Test</span>");
$("span").click(function(){
myMethod(); //I want to exec the method of the current object
});
this.myMethod = myMethod;
function myMethod(){
alert(this.name); //This show undefined
}
}
使用此代码可以调用该方法,但它不是对对象的引用(this.name显示未定义)我该如何解决?
非常感谢!
实现这一点的一种简单方法:
function myObject(data){
this.name = data;
// Store a reference to your object
var that = this;
$("body").append("<span>Test</span>");
$("span").click(function(){
that.myMethod(); // Execute in the context of your object
});
this.myMethod = function(){
alert(this.name);
}
}
另一种方式,使用$.proxy
:
function myObject(data){
this.name = data;
$("body").append("<span>Test</span>");
$("span").click($.proxy(this.myMethod, this));
this.myMethod = function(){
alert(this.name);
}
}
相关文章:
- SignalR:调用集线器方法时出现内部服务器错误
- Dynamics 2016内部部署Crm客户端脚本.选项集控件类型缺少方法
- 在内部映射值时渲染方法中断
- 如何在类内部调用类的方法
- 当从Chrome扩展动态注入JS时,从onload()内部调用方法
- 可以“;超级“;可以在子类的方法内部使用,在不直接引用的情况下调用相应的超类方法
- ES2015:从覆盖的类调用内部方法
- 实现JavaScript内部方法的源代码
- 测试angular服务内部方法调用
- JavaScript - 从事件处理程序调用内部方法
- 如何使函数在整个 jQuery 插件及其所有内部方法中可用
- JavaScript 私有内部方法提供对特定匿名函数的访问
- 如何定义需要从obj内部和外部访问的javascript内部方法
- 有没有一种方法可以在ES6类上拥有内部方法
- Javascript中的链接按钮与内部方法
- Knockout无法解析绑定内部方法
- Javascript原型方法与内部方法
- 这个关键字在方法的 js 内部方法中的逻辑是什么
- 使用 jQuery 时的 JavaScript 内部方法调用
- 为数组中的每个对象调用内部方法