javascript - 如何调试 "click"JavaScript 事件的处理程序未被调用的原因？

Question

我已经为 click 安装了一个处理程序<button> 的 JavaScript 事件使用 jQuery API 的元素，但是实际上单击按钮时不会调用处理程序。如何调试未调用事件处理程序的原因？我在 Visual Studio 2010 中开发并借助 Google Chrome 开发人员工具进行调试。

我是 JavaScript 新手，不知道调试方法:)

编辑

这是相关按钮的 HTML 声明:

<button id="start-lint">Submit</button>

相关的 JavaScript:

$('button').button();
var btn = $("button#start-lint");
log.debug("Button: %s", btn);
btn.click(function () {
    log.debug("Button clicked");
});

如果需要更多信息，请告诉我。

编辑 2

不知何故我让它工作了，一开始并不确定哪里出了问题，但至少现在我知道如何判断是否找到了一个元素!

Answer 1

您只能在代码实际被触发时进行调试，而事实似乎并非如此。

您可以尝试查看它是否甚至可以使用长度找到选择器。警报($(“#myselector”)。长度)；或者console.log($("#myselector").length);

为了调试 javascript，我建议您使用 Firefox 的 FIREBUG (http://getfirebug.com/) - 您可以设置断点、写入控制台等，它提供所有可能的变量、对象等显示。可以在这里找到教程:http://www.youtube.com/watch?v=2xxfvuZFHsM

(你说你是 jQuery/Javascript 的新手，希望对你有所帮助 :D)