检查骨干网中$（this.el）的值

Question

我刚刚开始了解骨干，javascript，jquery等。 我正在看这篇文章的骨干视图 ， Backbone.js View无法正确取消绑定事件 ，似乎我需要取消删除事件。 我的事件与ID为#createBtn的元素相关联。 所以我尝试了这个：

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

当我的骨干视图初始化后，此事件将注册到：

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

我仍然看到我的按钮正常工作。 我猜我的取消委托无法正常工作，并且想要一种调查$（this.el）实际指向的方式。 整个JS this ，一切仍然让我感到困惑。 所以我不确定$（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。 资料来源。 使用右侧的“步骤/跳过”按钮添加断点并进行控制。