檢查骨干網中$（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。 資料來源。 使用右側的“步驟/跳過”按鈕添加斷點並進行控制。