Conflito com plugin jquery

[allex_carvalho 124]

Bom dia.

 

Estou com um problema entre plugins jquery. Um é modal (overlay) e outro jcarousellite. Quando tivo o overlay o carousel funciona. Quando abre no overlay nem as imagens do carousel aparecem.

Vejam o link: Site

 

Acessem projetos - interiores.

 

Obrigado.

[retrolink 0]

Para conflitos utilize o noConflict do jQuery.

 

http://api.jquery.com/jQuery.noConflict/

[allex_carvalho 124]

Estou com problema para estruturar isso, será que alguém poderia me dar uma ajuda?

 

Obrigado.

[William Bruno 1501]

não existe conflito de jquery com jquery.

 

 

comece validando a marcação:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fqamais.com%2FvaleriaOliveira%2F

 

 

declare uma altura para .anyClass no css, e uma largura e altura para cada li dentro dessa classe.

[allex_carvalho 124]

não existe conflito de jquery com jquery.

 

 

comece validando a marcação:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fqamais.com%2FvaleriaOliveira%2F

 

 

declare uma altura para .anyClass no css, e uma largura e altura para cada li dentro dessa classe.

 

Bom dia William.

 

Atualizei os arquivos no meu servidor com as alterações sugeridas. Mesmo assim, não funcionou.

 

Quando deduzi o conflito, foi porque ao retirar o modal o jcarousel funciona.

 

Obrigado.

[allex_carvalho 124]

Tentando usar o .noConflict() ficou assim:

 

<script type="text/javascript">
var $a = jQuery.noConflict()
$a(document).ready(function() {	
	$a('a[name=modal]').click(function(e) {
		e.preventDefault();
		var id = $(this).attr('href');
		var maskHeight = $a(document).height();
		var maskWidth = $a(window).width();
		$a('#mask').css({'width':maskWidth,'height':maskHeight});
		$a('#mask').fadeIn(1000);	
		$a('#mask').fadeTo("slow",0.8);	
		//Get the window height and width
		var winH = $a(window).height();
		var winW = $a(window).width();
		$a(id).css('top',  winH/2-$(id).height()/2);
		$a(id).css('left', winW/2-$(id).width()/2);
		$a(id).fadeIn(2000); 
	});
	$a('.window .close').click(function (e) {
		e.preventDefault();
		$a('#mask').hide();
		$a('.window').hide();
	});		
	$a('#mask').click(function () {
		$a(this).hide();
		$a('.window').hide();
	});			
});
$('.anyClass').hide();
$(function() {
	$(".anyClass").jCarouselLite({
		btnNext: ".next",
		btnPrev: ".prev"
	});
});
</script>

 

Porém, o modal nem abre.

 

Obrigado.

[William Bruno 1501]

noConflict() não tem nada a ver com isso.

 

dispare assim:

 

notei uma coisa no site do plugin, retire o float: left; dos seus LIs, deixa o plugin se virar com o posicionamento.

[retrolink 0]

eu me equivoquei, acabei não vendo que os plugins são todos em jquery, por isso o willian esta certo.