如何验证onclick jQuery div处理程序

Question

我试图将javascript onclick事件添加到可扩展的jQuery列表标记中。

http://screencast.com/t/bbu2fQnqP0rs

我的jQuery看起来像：

jQuery('ul.childpages li.expandable div.expandable-hitarea').click(function() {
    piwiTracker.trackPageView('TreeClick');
    alert("Handler for .click() called.");
});

如何验证单击hitarea (重嵌套)是否会触发函数？

编辑：我在上面添加了警报处理程序，但是当我选择div时没有收到警报。

顺便提一下，Piwik跟踪JS事件的文档：

<a href="#" onclick="javascript:piwikTracker.trackPageView('Menu/Freedom');">Freedom page</a>

Answer 1

以下是其中的诀窍：

$('ul.childpages li.expandable div.expandable-hitarea').click(function() {
    console.log("Clicked it!");
    piwiTracker.trackPageView('TreeClick');
});

然后你可以右键点击你的浏览器(如果你有火狐，谷歌Chrome或Safari)，并选择检查元素。然后选择“控制台”或“日志”选项。

注意:当您没有看到任何日志记录时，您应该检查元素路径( "ul.childpages .“)。(串)您还可以检查日志中任何可能破坏代码的错误.。

最后，您可以通过给元素一个唯一的ID来调试它，并且只使用ID调用它，比如：

$('#uniqueId').click(function() {
   console.log("Clicked it!");
   piwiTracker.trackPageView('TreeClick');
});