Почему эта мышь будет вызываться, когда я выхожу из li вместо ul?

Question

Я хочу вызвать mouseout тега ul, но похоже, что он будет вызывать mouseout и при переходе между двумя тегами li, что не так? Как я могу заставить его работать, когда я перемещаю мышь из UL? Большое спасибо!

        $(document).ready(function(){
            $("#info").live("mouseout", function(){
                  console.log('mouseout');

            });
        });

HTML

    <div id="latest">
        <ul id="info">
            <li>test1</li>
            <li>test2</li>
        </ul>
    </div>

Answer 1

Попробуйте использовать как:

$('#info').mouseleave(function(){});

Надеюсь, это поможет