javascript - 检查主干中 $(this.el) 的值

Question

我刚刚开始使用主干、javascript、jquery 等。我正在查看这篇文章的主干视图，Backbone.js View can't unbind events proper ，看来我需要取消对我的事件的委托。我的事件与 ID 为 #createBtn 的元素相关联。所以我尝试了这个：

$(this.el).undelegate('#createBtn', 'click');

当我的主干视图被初始化时，这个事件被注册到：

events: {
            "click #createBtn": "createNewTemplate",

我仍然看到我的按钮做正常的事情。我猜我的 undelegate 没有以某种方式工作，并且想要一种方法来调查 $(this.el) 真正指向的内容。整个 JSthis和一切都让我感到困惑。所以我不确定 $(this.el) 是否会以我尝试的方法工作，或者我是否需要做其他事情。任何有关如何处理 $(this.el) 或我如何查看该对象的调试提示都会非常有帮助。谢谢！

Answer 1

尝试 console.log 在取消委托之前输出 this 和 this.el 的值。像这样...

console.log("this is this", this)

console.log("this is this.el", this.el)

然后查看浏览器控制台中的输出。

Answer 2

Chrome 有一些出色的调试工具。您可以跳过 jscript 并获取上下文信息。Ctrl + Shift + j。来源。使用右侧的步进/跳过按钮添加断点和控制。