Header events not working

[codeboy]

I add new propery site/header.js and events for example;

'click a.action': function (e) {
    console.log("test");
},

actionTest: function () {
    this.getRouter().dispatch(null, 'test');
    this.getRouter().navigate('', {trigger: false});
},

Html;

<li><a href="action" data-action="test">Test</a></li>

[tanya]

Hi, click a.action
<a href="action" .. you don't have class action

[codeboy]

Hi, click a.action
<a href="action" .. you don't have class action

You're right. I arranged it this way. But it still doesn't work.
Nothing triggers and no error messages. Please help

<li>
  <a href="javascript:;" class="action" data-action="test">Test</a>
</li>

'click a.action': function (e) {
    console.log("Test");
}

actionTest: function () {
    this.getRouter().dispatch(null, 'logout');
    this.getRouter().navigate('', {trigger: false});
}