Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Roger Quintino

Problemas com jcarousellite

Recommended Posts

Fala galera blz?

 

Estou com um probleminha com o jcarousellite, estou montando um layout que quando uso o scroll ele aparece um div fixed e dentro desta div estou usando o jcarousellite para fazer a transição de conteúdo, porém estou com problema, quando carrego a primeira vez página e executo o scroll funciona normalmente, mas se clico em outro link ele não executa o jcarousellite, o problema maior de tudo é que no IE10 funciona normal, mas no Chrome, Mozilla, Opera e no safari não executa.

 

segue os conteúdos da minha div

 

<div class="texto_noticias_menu_2" >
  <ul class="ul_texto_menu_2" >
    <li class="li_texto_menu_2" >
          Dum itaque nos quo, credita nobis licet in Dum itaque nos quo, credita nobis licet in dum itaque nos quo, credita.
    </li>
    <li class="li_texto_menu_2" >
          teste
    </li>
  </ul>
</div><!--texto_noticias_menu_2-->

o js

 

var x = 0;		
$( window ).scroll(function (){
	x++;
	var w=window, d=document, y=0, de=0;
		
	y = w.pageYOffset ? w.pageYOffset : de.scrollTop ? de.scrollTop : d.body.scrollTop;
	
	if(y >= 105){
		$("#mouse_2").css("display","block");
		$("#mouse_2").css("position","fixed");
		}else{
			$("#mouse_2").css("display","none");
			}
	if(x<2){
		
		$(".texto_noticias_menu_2").jCarouselLite({
			visible: 1,
			mouseWheel: true,
			auto: 6000,
			speed: 2500,
			btnNext: ".next_menu_2",
			btnPrev: ".prev_menu_2"
			});

		}
	});	

fiz este incremento no x por que o bloco jCarouselLite somente executa dentro da função scroll, se eu retiro esse bloco e colo fora, ele não executa nada, colocando o bloco fora da função scroll criei uns alertas para saber se está pelo menos passando pela função e passa normal, mas não executa o código.

 

Deixando o bloco de jCarouselLite fora da função scroll fica da seguinte forma

 

$( document ).ready(function() {
 $(".texto_noticias_menu_2").jCarouselLite({
  visible: 1,
  mouseWheel: true,
  auto: 6000,
  speed: 2500,
  btnNext: ".next_menu_2",
  btnPrev: ".prev_menu_2"
  });
 $( window ).scroll(function (){

  var w=window, d=document, y=0, de=0;
		
  y = w.pageYOffset ? w.pageYOffset : de.scrollTop ? de.scrollTop : d.body.scrollTop;
	
  if(y >= 105){
    $("#mouse_2").css("display","block");
    $("#mouse_2").css("position","fixed");
    }else{
       $("#mouse_2").css("display","none");
       }

});

e assim como mencionei acima, o scroll executa, porém o o jcarousellite não

 

Da maneira que postei o segundo código ele funciona normal no IE, mas no chrome, mozilla, opera e safari somente funciona se atualizar a página usando o F5, caso contrário não funciona.....

 

não sei mais o que fazer, muito estranho kkkkkkkkkkkk principalmente por funcionar normalmente no IE

Compartilhar este post


Link para o post
Compartilhar em outros sites

coloca um CSS hack

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.