draggable Não funciona

[LuanMartinsTI 0]

Fala galera blz, não tenho muito intimidade com javascript, mas consigo fazer bastante coisa, estou passando por um problema com draggable, fiz a função para arrastar a div no servidor local, mas quando passo para o servidor do website ele não funciona, fui no IS e verifiquei os logs do navegador, me exibiu o seguinte erro

 

===> http://prnt.sc/ew29ps

 

MSG 

Uncaught TypeError: $(...).draggable is not a function
    at HTMLDocument.<anonymous> ((index):64)
    at j (jquery-1.11.3.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-1.11.3.min.js:2)
    at Function.ready (jquery-1.11.3.min.js:2)
    at HTMLDocument.J (jquery-1.11.3.min.js:2)

Como posso arrumar?

[Douglas Julião 34]

Você está usando jQueryUi ? 

Tenta verificar se os scripts estão sendo chamados, no network.

Ou não está sendo carregado o  script do draggable  ou o script do draggable está executando antes dos arquivos js serem carregados, coloca seu código dentro do document,ready.

[LuanMartinsTI 0]

A unica resposta que tenho é no console, no network não mostra

 

http://prntscr.com/ew2dhb <= print

[Douglas Julião 34]

está funcionando no seu local?

não esta reconhecendo seu draggable, mas então posta seu código ai.

mas eu ainda acho que está faltando o jQueryUI ou script do draggable

[LuanMartinsTI 0]

Servidor local está faltando, desculpa esqueci de postar o codigo, aqui vai

chamadas

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

codigo

<script>
            $( function() {
              function position() {
                $( ".positionable" ).position({
                  of: $( "#arrastarplayer" )
                });
              }
              $( ".atualizarradio" ).draggable({ axis: "x" });
              position();
            } );
        </script>

 

[Douglas Julião 34]

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<!-- Tenta talvez assim tbm => <script src="/js/jquery-1.11.3.min.js" type="text/javascript"></script> -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

Acho que você não precisa chamar 2x o jquery aqui, e qualquer coisa tenta colocar /js/jquery ... no src, mas antes disso

faz isso: 

$(document).ready(function(){
  function position() {
    $( ".positionable" ).position({
      of: $( "#arrastarplayer" )
    });
  }
  $( ".atualizarradio" ).draggable({ axis: "x" });
  position();
} );

[LuanMartinsTI 0]

pra dar certo, tive que colocar o codigo la no body, estava no head, mas fiz essa parte do document ai ta file, só com um problema q a div passa dos limites do monitor e faz criar scrool horizontal mesmo com overflow hidden, vlw ae

[Douglas Julião 34]

3 minutos atrás, LuanMartinsTI disse:

pra dar certo, tive que colocar o codigo la no body, estava no head, mas fiz essa parte do document ai ta file, só com um problema q a div passa dos limites do monitor e faz criar scrool horizontal mesmo com overflow hidden, vlw ae

Prazer em ajudar :D