1

Porque apresenta erro na variável se em um fiddle ( -> http://jsfiddle.net/8xwqdk71/ <- ) não apresenta este erro?
Pode ser alguma outra coisa além de bibliotecas de Js? Pois todas já foram definidas
(Código que ao clicar, gira a imagem)

var value = 0
$("#image").rotate({
  bind: {
    click: function() {
      console.log(value);
      value += 90;
      $(this).rotate({
        animateTo: value
      })
    }
  }

});
#image {
  margin: 100px 100px;
}
<script src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://raw.githubusercontent.com/wilq32/jqueryrotate/master/jQueryRotate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://www.google.com/images/srpr/logo3w.png" id="image">

3
  • Perdão, referência, acusa este erro : "Uncaught ReferenceError: $ is not defined"
    – Sora
    Commented 25/09/2017 às 19:10
  • 1
    Faltou voce incluir o jQuery code.jquery.com/jquery-3.2.1.min.js Commented 25/09/2017 às 19:14
  • Eu coloquei o 2.1.1, agora está dando erro na função rotate, precisará importar mais coisas certo?? (pois no site da JQueryRotate pediu para importar somente este e os que já tem
    – Sora
    Commented 25/09/2017 às 19:15

1 Resposta 1

1

É só inverter a ordem das chamadas dos scripts, e chamar o jQuery antes de todos.

Assim:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://raw.githubusercontent.com/wilq32/jqueryrotate/master/jQueryRotate.js"></script>
<img src="https://www.google.com/images/srpr/logo3w.png" id="image">
5
  • Ajustou :D Porém agora está dando erro na função rotate e já importei as bibliotecas :(
    – Sora
    Commented 25/09/2017 às 19:25
  • Acho que é pq você está usando scripts que fazem praticamente a mesma coisa. Eu testei aqui, funcionou somente usando o jquery.min.js e o jQueryRotateCompressed.js Commented 25/09/2017 às 19:33
  • Vou tentar novamente!! obg !!
    – Sora
    Commented 25/09/2017 às 19:33
  • Se precisar de referência, coloquei o código no GitHub Commented 25/09/2017 às 19:47
  • Agora deu certo !!! valeu @Vinicius <3
    – Sora
    Commented 25/09/2017 às 19:49

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .