Ir para conteúdo

POWERED BY:

Arquivado

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

Henrique Tsubamoto

Conflito em arquivos .js

Por , em Javascript

Recommended Posts

Henrique Tsubamoto    0

Henrique Tsubamoto
Postado

Tenho um site onde coloque um menu estilo dock do mac. Este aqui: http://www.ndesign-studio.com/blog/css-dock-menu

 

Em uma das suas páginas tive a necessidade de instalar uma galeria de fotos, optei pela: http://galleria.aino.se/themes/classic/

 

No entando, quando coloco a galeria, o menu para de funcionar e vice versa, já testei de varias formas o noConflict, mas não deu certo. Alguem poderia me ajudar.

 

Eu acho que o js (http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js) esta conflitando com o js (js/interface.js e js/jquery.js).

 

Segue abaixo o código:

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="js/galleria-1.2.2.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->

<script>

   Galleria.loadTheme('galleria.classic.min.js');

   $('#galleria').galleria();

</script>

<script type="text/javascript">

$(document).ready(
	function()
	{
		$('#dock2').Fisheye(
			{
				maxWidth: 60,
				items: 'a',
				itemsText: 'span',
				container: '.dock-container2',
				itemWidth: 40,
				proximity: 80,
				alignment : 'left',
				valign: 'bottom',
				halign : 'center'
			}
		)
	}
);

</script>

</head>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não é conflito, pois se trata da mesma lib.

se é jQuery+jQuery, basta chamar apenas uma vez.

 

troque:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="js/galleria-1.2.2.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

por:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="js/galleria-1.2.2.min.js"></script>

<script type="text/javascript" src="js/interface.js"></script>

 

entendeu ? removendo a segunda chamada ao jQuery. Declare apenas uma vez.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Tsubamoto    0

Henrique Tsubamoto
Postado

realmente só declarar uma vez, é necessário, no entanto, descobri uma coisa, quando adiciono a js/interface.js a galeria não funciona corretamente, quando não adiciono ela funciona corretamente, porem como ela é um elemento que faz parte do dock, o dock por sua vez não funciona corretamente.

 

Será que dentro da js/interface.js pode ter alguma function sobrescrevendo alguma coisa essencial para a galeria.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado
use o Responder Azul respondery.png

ou a 'Resposta Rápida'.

 

você terá que debugar então.

 

pressione Ctrl+Shif+J no Firefox, e corrija os erros que aparecerem.

 

referencia http://www.wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Tsubamoto    0

Henrique Tsubamoto
Postado

Eu já tentei este console do firefox, mas não aparece erro.

 

O que acontece é que quando eu inporto a inteface.js, os botoes de navegação da galleria param de funcionar, a galleria é exibida, as fotos são carregadas, tudo ok, somente os botões não funcionam, para ampliar a fotografia, nem para avançar ou regredir.

 

No entanto sei que a galleria funciona, pois retirando o interface.js e os codigos referentes ao css dock, a galleria funciona corretamente, com todos os botoes ok.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado
retirando o interface.js e os codigos referentes ao css dock,

e se você retirar apenas o css ? deixando o interface.js ?

 

você tem então que procurar por elementos que os 2 lugares usaram o mesmo nome, e dai alterar em um deles.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito