Странное поведение с функцией jquery hover - PullRequest
Новая
       12

Странное поведение с функцией jquery hover

1 голос
/ 27 декабря 2010

У меня есть следующее: 

<html>
    <head>
        <script type="text/javascript" 
            src="http://code.jquery.com/jquery-latest.js"></script>

        <script type="text/javascript">
            $(document).ready(function()
            {
                 $(".firstlevel").hover(
                    function()
                    {
                        $(this).find("li")
                            .css({"display": "block", 
                            "margin-left": "120px", 
                            "list-style-type": "circle"});
                    },

                    function()
                    {
                        $(this).find("li")
                            .css({"display": "none", 
                            "margin-left": "120px", 
                            "list-style-type": "circle"});
                    });
            });
        </script>

        <style>
            .firstlevel
            {
                list-style-type:disc;
                margin-left:40px;
            }

            .firstlevel li
            {
                list-style-type:square;
                margin-left:80px;
            }
        </style>


    </head>
    <body>

    <ul>
        <li class="firstlevel"><a href="#">One</a>
            <ul>
                <li><a href="#">One-One</a></li>
                <li><a href="#">One-Two</a></li>
            </ul>
        </li>
        <li class="firstlevel"><a href="#">Two</a>
            <ul>
                <li><a href="#">Two-One</a></li>
                <li><a href="#">Two-Two</a></li>
            </ul>
        </li>
    </ul>       

    </body>
</html>

Идея состоит в том, что я должен навести курсор на ссылки «Один» и «Два» и увидеть, как подссылки появляются и исчезают, используя функцию jquery hover.Я также хочу видеть, что стиль списка подлинков меняется на круг, и подлинки становятся более отступами.

Странно то, что когда я делаю указатель мыши, отступы подссылок изменяется, как и ожидалось, но маркеры к подссылкам исчезают совсем.Это происходит в Chrome, но не в IE.

При проверке похоже, что таблица стилей пользовательского агента Chrome перезаписывает мои установленные стили.

Кто-нибудь знает, почему это происходит?

1 Ответ

1 голос
/ 27 декабря 2010

Вместо этого я бы попробовал управлять дисплеем с помощью класса: http://jsfiddle.net/keegan3d/WZJt2/

...