IE在版本11.0.9600.17280的导航中创建了重复的锚点

时间:2014-09-26 15:03:17

标签: javascript jquery css xhtml

http://jsfiddle.net/graphicsinc/jvzztgjk/6/

这是特定于浏览器的问题,仅在IE中发生。最初文件丢失了DOCTYPE,我从那时起插入了它,甚至在修复了页面上图像中所有丢失的自关闭标记之后,仍然会发生0错误验证。在IE中发生的事情是有另一个锚标签的副本,其中class =" hoverMenu"在IE Developer Tools(F12)的正上方插入其中一个导航按钮如下所示:

    <div id="container">
    <div id="nav">
        <ul id="navigationMenu">
            <li>
                <a href="#" class="hoverMenu">HOME</a>
                <a href="#" class="hoverMenu">HOME</a>
                <a href="#" class="normalMenu">HOME</a><a href="#" class="hoverMenu">HOME</a><a href="#" class="normalMenu">HOME</a>
           </li>                

        </ul>
    </div>

我的DOCTYPE是XHTML 1.0 Transitional。由于XHTML标准如何处理锚点,它可能会发生吗?此外,还有一个jquery脚本使用addClass进行翻转效果。

    $(document).ready(function(){

        $('#navigationMenu li .normalMenu').each(function(){

            $(this).before($(this).clone().removeClass().addClass('hoverMenu'));

        });

        $('#navigationMenu li').hover(function(){

            $(this).find('.hoverMenu').stop().animate({marginTop:'0px'},200);

        },

        function(){

            $(this).find('.hoverMenu').stop().animate({marginTop:'-25px'},200);

        });

    });

也许这是与IE Quircks-Mode相关的问题? 任何帮助将不胜感激!感谢所有提前-qs

0 个答案:

没有答案