Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Elemento creado por jquery parpadea

Estas en el tema de Elemento creado por jquery parpadea en el foro de Jquery en Foros del Web. Hola foreros, despues de intentar googlear un rato y no encontrar solución a mi problema, me pongo en vuestras manos pues.. He creado un div, ...
  #1 (permalink)  
Antiguo 26/12/2013, 17:38
 
Fecha de Ingreso: septiembre-2012
Mensajes: 74
Antigüedad: 7 años
Puntos: 4
Elemento creado por jquery parpadea

Hola foreros, despues de intentar googlear un rato y no encontrar solución a mi problema, me pongo en vuestras manos pues..

He creado un div, al mouseover creo un append donde aparece otro div creado por jquery, el cual se posiciona encima de este div. tengo un mouseout en el primer div para hacer desaparecer el div que aparece, el problema viene, cuando posiciono el raton encima del div creado por jquery.. ya que hace mouseout y desaparece. Me podrian ayudar a resolver este problema??

Aqui está el codigo:
Código:
$(document).ready(function(){
	$("article#casa").on("mouseover",function(){
		$(this).prepend("<div id='helloHome'>Ver más</div>");
		$("div#helloHome").animate({
			left: "+=50",
		});
	});
	$("article#casa").on("mouseout",function(){
		$("div#helloHome").remove();
	});
	

});
Gracias de antemano señores.
  #2 (permalink)  
Antiguo 26/12/2013, 18:29
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.427
Antigüedad: 7 años, 10 meses
Puntos: 929
Respuesta: Elemento creado por jquery parpadea

En lugar de utilizar los métodos mouseover y mouseout, utiliza el método hover que cumple las funciones de ambos:

Código Javascript:
Ver original
  1. $("#casa").hover(function(){
  2.      $(this).prepend("<label id='helloHome'>Ver más</label>");
  3. }, function(){
  4.      $("#helloHome").remove();
  5. });

La primera función se ejecuta cuando el puntero del mouse se posiciona sobre el elemento, mientras que la segunda función se ejecuta cuando se retira el puntero del mouse del elemento en cuestión.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #3 (permalink)  
Antiguo 27/12/2013, 04:30
 
Fecha de Ingreso: septiembre-2012
Mensajes: 74
Antigüedad: 7 años
Puntos: 4
Respuesta: Elemento creado por jquery parpadea

Muchas gracias capitan!

Etiquetas: creado, elemento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:36.