Problema con jquery-1.3.js

newmesis · 22 Mar 2011

Hola amigos aqui con otro peoblema
bueno resulta que quiero integrar un menu con jquery-1.3.js
pero al momento de integrar jquery a la web este actua en toda la wen y me interrumpe mi sidebar y le de el efecto que ase el menu .
como ago para que jquery-1.3.js actue sobre ciertas cosas y no en toda la web

mi pagina: Conecta Chillan

Alan Medina · 22 Mar 2011

En el archivo
Enlace eliminado

Tienes esto

Insertar CODE, HTML o PHP:

$(document).ready(function(){
     
    //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
     
    //Remove outline from links
    $("a").click(function(){
        $(this).blur();
    });
     
    //When mouse rolls over
    $("li").mouseover(function(){
        $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
    //When mouse is removed
    $("li").mouseout(function(){
        $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
});

El efecto se aplica en todos los elementos como dices. Si solo quieres que se aplique a un elemento en específico, usa un identificador:

Insertar CODE, HTML o PHP:

<li class="ejemplo">…</li>

Por lo que obtendrías:

Insertar CODE, HTML o PHP:

$(document).ready(function(){
     
    //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
     
    //Remove outline from links
    $("a").click(function(){
        $(this).blur();
    });
     
    //When mouse rolls over
    $(".ejemplo").mouseover(function(){
        $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
    //When mouse is removed
    $(".ejemplo").mouseout(function(){
        $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
});

newmesis · 22 Mar 2011

gracias pero lo intente pero me sige aplicando el efecto a mi sidebar

eso si no use el li sino que un div

PHP:

<div class="ejemplo">  <ul> 
		<li class="green"> 
			<p><a href="#">Home</a></p> 
			<p class="subtext">The front page</p> 
		</li> 
		<li class="yellow"> 
			<p><a href="#">About</a></p> 
			<p class="subtext">More info</p> 
		</li> 
		<li class="red"> 
			<p><a href="#">Contact</a></p> 
			<p class="subtext">Get in touch</p> 
		</li> 
		<li class="blue"> 
			<p><a href="#">Submit</a></p> 
			<p class="subtext">Send us your stuff!</p> 
		</li> 
		<li class="purple"> 
			<p><a href="#">Terms</a></p> 
			<p class="subtext">Legal things</p> 
		</li> 
	</ul> 
	
	<script type="text/javascript"> 
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script> 
	<script type="text/javascript"> 
	try {
	var pageTracker = _gat._getTracker("UA-6444047-1");
	pageTracker._trackPageview();
	} catch(err) {}</script>
</div>

Alan Medina dijo:

En el archivo
Enlace eliminado

Tienes esto

Insertar CODE, HTML o PHP:

$(document).ready(function(){
     
    //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
     
    //Remove outline from links
    $("a").click(function(){
        $(this).blur();
    });
     
    //When mouse rolls over
    $("li").mouseover(function(){
        $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
    //When mouse is removed
    $("li").mouseout(function(){
        $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
});

El efecto se aplica en todos los elementos como dices. Si solo quieres que se aplique a un elemento en específico, usa un identificador:

Insertar CODE, HTML o PHP:

<li class="ejemplo">…</li>

Por lo que obtendrías:

Insertar CODE, HTML o PHP:

$(document).ready(function(){
     
    //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
     
    //Remove outline from links
    $("a").click(function(){
        $(this).blur();
    });
     
    //When mouse rolls over
    $(".ejemplo").mouseover(function(){
        $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
    //When mouse is removed
    $(".ejemplo").mouseout(function(){
        $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
     
});

gracias amigo
pero casi me funciona solo que no lo ise con los li solo con div pero nesesito solucionarlo y si me pudieses echar una mano seria genial dimee q ago yo te sigo 😀

Problema con jquery-1.3.js

newmesis

Alan Medina

newmesis