¿Es posible hacer un tiempo real en la función de flujo? -- javascript campo con jquery campo con jquery-animate camp Relacionados El problema

Is it possible to do a real time on hover function?


0
vote

problema

Español

Tengo un DIV #conteudo y 2 ENLACES #linkPrev y #linkNext .

Cuando se suba en un enlace, es .animate() IZQUIERDO O DERECHO O DERECHO EL DIV #conteudo .

html:

  <div id="conteudo">     <div class="boxes" id="content1">     <div class="boxes" id="content2">     <div class="boxes" id="content3"> </div> <a id="linkPrev" class="linksNav"></a> <a id="linkNext" class="linksNav"></a>   

css:

  #conteudo{width:2000;position:relative; height:1080px;} .box{width:0; overflow:hidden; float:left;}   

js:

  $('#linkNext').on({                  mouseenter: function(){                     if ($('#conteudo .boxes').hasClass('ativo')) {                         $('#conteudo .boxes').removeClass('ativo');                         $('.boxAberto').animate({width:'0'},600, function(){                             console.log('sad')                         });                     } else {                         this.iid = setInterval(function() {                             if (cont > -565) {                                 cont -= 5;                                 $('#conteudo').attr('style','left:'+cont+'px');                                  console.log(cont)                             }                             if (cont <= -565){                                 $('#linkNext').hide();                             }                                }, 0);                     }                 },                 mouseleave: function(){                     this.iid && clearInterval(this.iid);                 }             });   

Si el usuario hace clic en un $("iframeID").load(function(){ $("iframeID").height($("iframeID").contents().find("body").height()); $("iframeID").resize(function(){ //this doesn't fire up }); }); 0 , agregará una clase $("iframeID").load(function(){ $("iframeID").height($("iframeID").contents().find("body").height()); $("iframeID").resize(function(){ //this doesn't fire up }); }); 1111111111188776612 El DIV Clic.

El problema es que, cuando hago alguno de los enlaces, si 99887776613 tiene una clase '.ativo' 'debe cerrar la caja a $("iframeID").load(function(){ $("iframeID").height($("iframeID").contents().find("body").height()); $("iframeID").resize(function(){ //this doesn't fire up }); }); 414 y pongo una devolución de llamada Función para continuar $("iframeID").load(function(){ $("iframeID").height($("iframeID").contents().find("body").height()); $("iframeID").resize(function(){ //this doesn't fire up }); }); 5 a la izquierda o hacia la derecha. Pero solo cierra la caja. Tengo que hacer un mouseleave y flotar para que continúe $("iframeID").load(function(){ $("iframeID").height($("iframeID").contents().find("body").height()); $("iframeID").resize(function(){ //this doesn't fire up }); }); 6 a la derecha o izquierda.

¿Puede alguien ayudarme?

PS: Acabo de mencionar la función $("iframeID").load(function(){ $("iframeID").height($("iframeID").contents().find("body").height()); $("iframeID").resize(function(){ //this doesn't fire up }); }); 7 , $("iframeID").load(function(){ $("iframeID").height($("iframeID").contents().find("body").height()); $("iframeID").resize(function(){ //this doesn't fire up }); }); 8 FUNCIÓN DE está funcionando. Sólo para evitar un gran texto.

Original en ingles

I have a div #conteudo and 2 links #linkPrev and #linkNext.

When hover on a link, it .animate() left or right the div #conteudo.

html:

<div id="conteudo">     <div class="boxes" id="content1">     <div class="boxes" id="content2">     <div class="boxes" id="content3"> </div> <a id="linkPrev" class="linksNav"></a> <a id="linkNext" class="linksNav"></a> 

css:

#conteudo{width:2000;position:relative; height:1080px;} .box{width:0; overflow:hidden; float:left;} 

js:

$('#linkNext').on({                  mouseenter: function(){                     if ($('#conteudo .boxes').hasClass('ativo')) {                         $('#conteudo .boxes').removeClass('ativo');                         $('.boxAberto').animate({width:'0'},600, function(){                             console.log('sad')                         });                     } else {                         this.iid = setInterval(function() {                             if (cont > -565) {                                 cont -= 5;                                 $('#conteudo').attr('style','left:'+cont+'px');                                  console.log(cont)                             }                             if (cont <= -565){                                 $('#linkNext').hide();                             }                                }, 0);                     }                 },                 mouseleave: function(){                     this.iid && clearInterval(this.iid);                 }             }); 

If the user clicks a .boxes, it'll add a class .ativo and .animate({width:X},600) the clicked div.

The problem is, when i hover any of the links, if .boxes has a class '.ativo' it should close the box to width:0 and i put a callback function to continue .animate() to the left or right. But it only closes the box. I have to do a mouseleave and hover for it continues .animate to the right or left.

Can someone help me?

PS: I just mentioned the function #linkNext, #linkPrev function is working. Just to prevent a big text.

        
     
     

Lista de respuestas


Relacionados problema

0  Animación de la imagen de fondo sesgado  ( Skewed background image animation ) 
Actualmente estoy trabajando en http://mijnwebsitebestelen.be/index.php . Cuando se mueve sobre 'Ubicación del evento' Puede ver el ancho del primer negro y ...

0  jquery animate retrasando  ( Jquery animate delaying ) 
http://jsfiddle.net/pahnin/rdgbq/16/ Mira esto violín. En este violín, la función animada se ejecuta tarde y se vea extraña también la primera vez que hago ...

0  Retire el mouseunter de un elemento y luego restaure (para una navegación desplegable jQuery)  ( Remove mouseenter from an element then restore it for a jquery dropdown nav ) 
Estoy tratando de crear un menú desplegable usando jQuery. Lo tengo trabajando, pero el problema es que aún puede pasar por encima del subnav que se está de...

0  Movimiento de animación de jQuery no funciona [duplicado]  ( Jquery animation movement not working ) 
Esta pregunta ya tiene respuestas aquí : Animar jquery ({Izquierda: "+ = 10"}) No funciona ...

0  Desplazando una lista con jquery animate  ( Scrolling a list with jquery animate ) 
El siguiente código es mi intento de animar una lista de elementos. Sin embargo, todo, excepto que la animación está funcionando como debería. Cada vez que ha...

0  Desplácese del navegador  ( Browser scroll slow images speed ) 
Estoy tratando de construir una página donde pueda tener 3 "capas". 1 - Fondo, 2 - Imágenes y 3 - Imágenes. Ya lo logé con el uso de la función TABLE2 id ...

5  Cambios animados de jQuery en Div altura en la carga AJAX  ( Jquery animate changes in div height on ajax load ) 
Estoy haciendo una carga AJAX simple para tirar de los resultados de búsqueda y mostrarlos en un div: $('#myDiv').load('update.php?id=123', function() { ...

0  JQuery Animate Color de fondo en Scroll (múltiples divs)  ( Jquery animate background color on scroll multiple divs ) 
Entonces, estoy usando este código de otra pregunta, con la biblioteca JQERY UI $(window).scroll(function() { $("#about").stop().animate({ backg...

1  Inicie una animación CSS y finalice con otro icono usando (Fa-Awesome)  ( Start a css animation and finish with another icon using fa awesome ) 
Uso de CSS liso y JavaScript. Quiero: Cree un 'Fa-Heart-O' que anima un pulso cuando se hace clic. y por fin el cambio a un corazón sólido 'Fa-Heart'. ...

4  ¿Por qué la devolución de llamada completa de mi animación jQuery hace que se exceda el tamaño máximo de la pila?  ( Why does my jquery animation complete callback cause the maximum stack size to b ) 
Este mi código llamando a mi función de animaterotate. Internamente, básicamente, solo llama $ .ANIMIENTO. Pero eche un vistazo a usted mismo: (function ()...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos