Resulta que mando a llamar un header, este contiene un NAV y el NAV contiene una script jquery para deslizar los menus.
El problema es que al importar mi header, el script deja de funcionar.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<title>PortalPlex</title>
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="js/head.js"></script>
<script src="js/dropDown.js"></script>
<body>
<div id="header"> <!-- Header --> </div>
<div id="footer"> <!-- Footer --> </div>
</body>
</html>
El header se mustra de forma correcta pero el script "dropDown" no lo ejecuta, esto solo ocurre si mando a llamar mi header desde otro html.
Alguien podria ayudarme?
el siguiente pedazo de codigo muestra como declaro la llamada a mi scrip dropDown.js
Código HTML:
<li class="dropdown">
<a href="#">Despacho</a>
<ul class="sub-menu">
<li><a href="orden.html">Órden</a></li>
<li><a href="#">Cambio de domicilio</a></li>
<li><a href="#">Migración</a></li>
<li><a href="#">Queja Cobre</a></li>
<li><a href="#">Queja Fibra</a></li>
</ul>
</li> y aqui el script:
Código Javascript
:
Ver original$(function() {
$( '.dropdown' ).hover(
function(){
$(this).children('.sub-menu').slideDown(200);
},
function(){
$(this).children('.sub-menu').slideUp(200);
}
);
});
Saludos!