knockout.js связывающего события - неожиданное поведение с наведением мыши и MouseOut событиями

Question

Проблемы, которую я вижу в том, что мыши над событиями, кажется, не пузырь, когда я делаю что-то вроде:

<div data-bind='events: {mouseover: someFunc, mouseout: someOtherFunc}'> 
    <div data-bind='text: someText'></div> 
</div> 

То, что я видение - это когда я изначально наводил курсор, срабатывает функция someFunc (я использую эти функции для применения класса, чтобы получить эффект зависания). Однако, когда мой курсор входит во внутренний div, моя функция mouseout срабатывает, даже если событие mouseover должно пузыриться из внутреннего div в внешний div.

Эта скрипка демонстрирует вопрос: http://jsfiddle.net/cSBcC/1/

В скрипкой, просто попробовать наведите курсор мыши на различные Ли и, когда курсор попадает во внутренний DIV класс «парить» удаляется, несмотря на то, что мы до сих пор Mouseover на ли.

Любые идеи?

Answer 1

Если вы ссылаетесь на jQuery (который вы есть), то вы можете использовать mouseleave вместо mouseout, поскольку он будет вести себя так, как вы ожидаете.

mouseout события огня даже при перемещении от внешнего элемента к внутреннему элементу.

Вот ваш пример использования mouseleave: http://jsfiddle.net/rniemeyer/KUNcf/

Другим вариантом является просто использовать CSS и удалить связывание как событие: http://jsfiddle.net/rniemeyer/KUNcf/2/

li.name:hover { 
    background-color: yellow;   
}