Question

我有下面的代码，它只是用户登录的链接，按下时会显示使用jquery的登录框。它在IE8中工作正常但是当兼容模式启用时，链接根本不起作用，就像它甚至不存在一样。

<body>

    <script type="text/javascript">

    make_request();

    var clicked = 0;

     $(document).ready(function() 
     {

            $('#login_top').corners();
            $('#points_top').corners();   

            $('#login_box').hide();
            $('#login_box').corners();  

            $('#login_link').click(function() 
            {               
                $('#login_box').fadeIn(2000);
                $('#username').focus();

            });

            $('#close_link').click(function() 
            {
                $('#login_box').hide("slow");
            });

    });     

    </script>    

    <div id="login_top">

        <a href="javascript:void(0);" id="login_link"><img src="images/user.png" alt="Login" />Login</a>


    </div>

我没有包含整个页面，因为这是问题发生的唯一区域，css如下：

#login_top
{
    background-color: #000000;
    text-align: center;
    margin-left: 20px;  
    margin-top: 5px;
    width: 70px;
    padding: 5px;   
    font-size: 16px;
}

#login_top a
{
    text-decoration: none;
    color: #ffffff;
}

#login_top img
{
    border-style: none;
}

有什么建议吗？

谢谢：）

Answer 1

尝试更改

<a href="javascript:void(0);" id...

到

<a href="#" id...

链接不在ie8兼容模式下工作

1 个答案: