0

拡張可能なjQueryリストタグにjavascriptonclickイベントを追加しようとしています。

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（大きくネストされている）をクリックすると関数がトリガーされるかどうかを確認するにはどうすればよいですか？

編集：上記のアラートハンドラーを追加しましたが、divを選択してもアラートが表示されません。

ちなみに、JSイベントを追跡するためのPiwikドキュメント：

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

1 に答える 1

1

The following will do the trick:

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

You can then right-click in your browser (if you have Firefox, Google Chrome or Safari) and choose Inspect Element. Then choose the "Console" or "Log" option.

IMPORTANT: When you do not see any logging you should check your element path (the "ul.childpages ..." string). You can also check any errors in this log which might break your code.

At last, you can debug it by giving your element a unique ID and only call it with that ID like:

$('#uniqueId').click(function() {
   console.log("Clicked it!");
   piwiTracker.trackPageView('TreeClick');
});
于 2012-05-14T12:56:26.473 に答える