JQuery悬停由子元素重复激活

Question

我有这段代码

<div id="{{_id}}" class="actor">
    <span>{{name}}</span>
    <span class="muted">- level {{level}}</span><br>

    <span><small>{{curHealth}}/{{maxHealth}} HP</small></span>
    <span><small>{{curAp}}/{{maxAp}} AP</small></span>
</div>

当我将鼠标悬停在类'actor'的最外层元素上时，我想要触发一个事件。这有效，但问题是如果我鼠标悬停在任何子元素上，例如span标签，则会重复触发此事件。我怎么能避免这个？

编辑：

'mouseover .actor': () ->
    $parent = $("##{this._id}").parent()
    if $parent.attr('id') is 'playerField'
        # do stuff related to friendly unit
    else if $parent.attr('id') is 'opponentField'
        console.log this
        Session.set('target', this)

我正在使用MeteorJS，这种方法只是转换为标准.on事件afaik

感谢