Javascript ne fonctionne pas sur mon code?

-7

Pour une raison quelconque, je ne pense pas que mon javascript ne soit pas vraiment capable de "se connecter" ou de créer un lien avec ma page HTML. J'ai essayé de mettre javascript dans mon code html, mais je ne sais pas vraiment ce qui ne va pas.Javascript ne fonctionne pas sur mon code?

Heres mon code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="ja"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="description" content="practice"> 
<meta name="keywords" content="practice"> 
<title>Practice</title> 
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery_regular.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script> 
<script type="text/javascript" src="js/jquery.backstretch.min.js"></script> 
<script type="text/javascript" src="js/top_javascript.js"></script> 
<script type="text/javascript" src="js/jquery_rollover.js"></script> 
<script type="text/javascript" src="js/jquery_slideout.js"></script> 
<meta http-equiv="Content-Style-Type" content="text/css"> 
<link rel="stylesheet" href="stylesheet/top_style.css" type="text/css" media="all"> 
<link rel="shortcut icon" href="favicon.ico" /> 


</head> 


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("about").hover(function(){ 
    $("about").css("background-color","yellow"); 
    },function(){ 
    $("about").css("background-color","pink"); 
    }); 
}); 
</script> 

    <body onLoad="fontSizeChg(0);"> 
     <div id="top_wrapper"> 
      <!-- Maint --> 
      <div id="top_main_box"> 
      <div id="slide"> 
       <!-- Main left --> 
       <div id="top_main_l_box"> 
        <!-- Main left logo --> 
        <div id="top_main_logo"><img src="image/title.png" alt=""></div> 

        <!-- Main left Navi --> 
        <ul id="top_main_navi_1"> 
         <li id="about"> ABOUT </li> 
         <li><a><img src="image/member.png" alt="" class="rollover"></a></li> 
         <li><a><img src="image/photo.png" alt="" class="rollover"></a></li> 
         <li><a><img src="image/links.png" alt="" class="rollover"></a></li> 
         <li><a><img src="image/contact.png" alt="" class="rollover"></a></li> 
        </ul> 



       </div> 
       <div id="about_this"> 
         This is all the things about our page 
       </div>

Source

2014-05-01 slsl3079

' "au sujet"' est pas un sélecteur valide. Eh bien, à moins que vous n'ayez un élément '', mais cela ne vous semble pas le cas. –

Javascript est bien avancé pour vous maintenant ... vous devriez commencer avec le balisage HTML de base et comment rendre une page HTML et tous ses éléments. Visitez ici - http://www.w3schools.com/html/html_intro.asp Parce que votre balise HTML est erronée et que vous devez d'abord l'apprendre, l'étape suivante serait CSS, puis JS. –

Vous devez utiliser # à l'élément cible par id:

$(document).ready(function(){ 
    $("#about").hover(function(){ 
     $(this).css("background-color","yellow"); 
    },function(){ 
     $(this).css("background-color","pink"); 
    }); 
});

De plus, il vous suffit d'inclure jQuery une fois, vous avez actuellement chargé deux fois , donc vous pouvez supprimer ceci:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">

Source

2014-05-01 16:20:59 Felix

Vous essayez de référence t o un élément about. Ce qui n'est pas présent. Donc, vous devez changer ce code pour les éléments suivants:

<script> 
$(document).ready(function(){ 
    $("#about").hover(function(){ 
    $("#about").css("background-color","yellow"); 
    },function(){ 
    $("#about").css("background-color","pink"); 
    }); 
}); 
</script>

Source

2014-05-01 16:21:48

Essayez ceci -

<script> 
$(document).ready(function(){ 
    $("#about").hover(function(){ 
    $("#about").css("background-color","yellow"); 
    },function(){ 
    $("#about").css("background-color","pink"); 
    }); 
}); 
</script>

Source

2014-05-01 16:22:37 user3331198

essayer vous avez le mauvais identifiant

$(document).ready(function(){ 


$("#about").hover(function(){ 

$("#about").css("background-color","yellow"); 
},function(){ 

$("#about").css("background-color","pink"); 
    }); 
});

Source

2014-05-01 16:22:53

Javascript ne fonctionne pas sur mon code?

Répondre

Questions connexes