Ir para conteúdo

POWERED BY:

Arquivado

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

numero

Jquery não executa

Por , em Javascript

Recommended Posts

numero    1

numero
Postado

Hoje já aconteceu tanto bug comigo, q o capeta deve ter acampado aqui.

 

Vamos lá.

O que quero é uma simples coisa. Fazer um rotate quando hover na img.

Então descobri este script.

Depois disso, tudo que fiz foi transplantar o código para meus arquivos.

Após isso, nada funciona. Já botei o Jquery de todas as versões. já fiz de tudo

Até mesmo transplantar o código para outra janela do site.

na hora não pegou, então fui na library e coloquei o jquery, daí pegou.

Então te pergunto: o que fiz de errado? o Jquery está lá. tenho um slide que só funciona com o jquery.

 

Posso estar cometendo um erro muito nob, nunca estudei javas.

Aqui vai o code do html que fiz o teste

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#image").rotate({ 
   bind: 
     { 
        mouseover : function() { 
            $(this).rotate({animateTo:180})
        },
        mouseout : function() { 
            $(this).rotate({animateTo:0})
        }
     } 
   
});
</script>

<style>
#image{margin:100px 100px;}
</style>
</head>

<body>
<img src="https://www.google.com/images/srpr/logo3w.png" id="image">
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Caramba cara, tem necessidade de tanto jQuery UI?

 

adicione a chamada

$(function(){
... seu codigo...
​});

E o arquivo rotate por ultimo, depois da ultima importação de javascript.

Compartilhar este post

Link para o post
Compartilhar em outros sites

numero    1

numero
Postado

Aquelas coisas foi para ver se era alguma versão ou coisa do tipo.

 

Ainda não estou conseguindo.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<script type="text/javascript">
$(function(){
	$("#image").rotate({ 
	   bind: 
		 { 
			mouseover : function() { 
				$(this).rotate({animateTo:360})
			},
			mouseout : function() { 
				$(this).rotate({animateTo:0})
			}
		 } 
	   
	});
​});
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js" type="text/javascript"></script>

<style>
#image{margin:100px 100px;}
</style>
</head>

<body>
<img src="https://www.google.com/images/srpr/logo3w.png" id="image">
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Não cara, o arquivo rotate e não TODOS

E você esqueceu nesse ultimo exemplo de importar o jquery

 

veja funcionando aqui:

<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#image").rotate({ 
  bind: 
{ 
mouseover : function() { 
$(this).rotate({animateTo:360})
},
mouseout : function() { 
$(this).rotate({animateTo:0})
}
} 
  
});
});
</script>

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