jquery - How to verify onclick jQuery div handler

Question

I'm trying to add a javascript onclick event to an expandable jQuery list tag.

http://screencast.com/t/bbu2fQnqP0rs

My jQuery looks like:

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

How can I verify whether a click on the hitarea div (heavily nested) will trigger the function?

Edit : I added the alert handler above but I'm not getting an alert when I select the div.

By the way, the Piwik documentation to track JS events:

<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');
});

然后，您可以右键单击浏览器（如果您有 Firefox、Google Chrome 或 Safari）并选择“检查元素”。然后选择“控制台”或“日志”选项。

---

重要提示：当您没有看到任何日志记录时，您应该检查您的元素路径（“ul.childpages ...”字符串）。您还可以检查此日志中可能会破坏您的代码的任何错误。

---

最后，您可以通过为您的元素提供一个唯一 ID 并仅使用该 ID 调用它来调试它，例如：

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