簡體   English   中英

IE11中的一些問題

[英]Some problems in IE11

問題是我已經創建了動態導航...單擊具有功能的a-tag,該功能顯示一些按鈕。 我已經使用addEventListener將功能分配給了a-tag。

它適用於所有瀏覽器,但IE ...

單擊標簽時,按鈕不可見。 並且沒有錯誤出現。

PS:我是西班牙裔,對我的英語很抱歉:3

/ * Javascript * /

window.onload = function() {
    var boton_menu = document.getElementById("boton_menu");

    /* Compatibilidad con navegadores web */
    if(boton_menu.addEventListener){
        boton_menu.addEventListener("click", menu_usuario, false);
    } else {
        if(boton_menu.attachEvent){
            boton_menu.attachEvent("onclick", menu_usuario);
        }
    }
}

/* Despliega el menú del usuario*/
function menu_usuario() {
    var boton_menu = document.getElementById("boton_menu");
    var perfil = document.getElementById("perfil");
    var ajustes = document.getElementById("ajustes");
    var desconectar = document.getElementById("desconectar");

    if(boton_menu.className == ""){
        boton_menu.className = "active";
        perfil.className = "active";
        ajustes.className = "active";
        desconectar.className = "active";
    } else {
        boton_menu.className = "";
        perfil.className = "";
        ajustes.className = "";
        desconectar.className = "";
    }
}

這在IE中有效:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="">
        <meta charset="utf-8">
        <meta name="author" content="Antonio Bueno">
        <title>Button Problems</title>
        <style>
            a {background-color: red; color: #FFF; padding: 10px;}
            a.active {background-color: blue;}
        </style>

        <script>
            window.onload = function(){
                var some_button = document.getElementById("some_button");

                if(some_button.addEventListener){
                    some_button.addEventListener("click", DisplayButton, false);
                } else {
                    if(some_button.attachEvent){
                        some_button.attachEvent("onclick", DisplayButton);
                    }
                }
            }

            function DisplayButton(){
                var some_button = document.getElementById("some_button");
                var another_button = document.getElementById("another_button");

                if(some_button.className == ""){
                    some_button.className = "active";
                    another_button.style.display = "none";
                } else {
                    some_button.className = "";
                    another_button.style.display = "inline-block";
                }
            }
        </script>
    </head>

    <body>
        <a id="some_button" class="">Click on me</a>
        <input id="another_button" type="submit" value="example" />
    </body>
</html>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM