JS 字面量面向对象访问报not a function

Question

var page={    init:function(){        this.initEvents()     },    bindEvent: function (target, type, name) {         $(target).bind(type, function (e) {             e.preventDefault();             name(e)             })     },    initEvents: function () {        this.bindEvent('.pic-egg1', 'click', this.showDiag)        this.bindEvent('.pic-egg2', 'click', this.showDiag)     },    showDiag: function () {        this.hideDiag()     },    hideDiag:function(){        console.log('出不来')     } }控制器报这个错误hideDiag is not a function

Answer 1

$('#foo').bind(event, eventHandler) 中的 eventHandler 指向 #foo 选择器代表的 dom 元素本身，所以就会出现 xx is not function 的错误了。

要解决的话，很简单啊，使用 bind、apply 或者 call 绑定方法至 page 对象即可。