Ir para conteúdo

Arquivado

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

Gleyson Abreu

Autocomplete Jquery UI

Recommended Posts

Bom to colocando um sistema de autocomplete parecido com o de marcar amigos do facebook, mais o problema esse código abaixo ele só funciona quando ponho no filnal da página depois do </body> é se ponho no header ou te mesmo onde fica o input ele não funciona, caso eu ponho ele no final funciona mais ele não deixar os outro códigos JS, que fiz funcionar.. ajudem ai não sou muito bom em js sou melhor em php :D

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
  <script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    function split( val ) {
      return val.split( /,\s*/ );
    }
    function extractLast( term ) {
      return split( term ).pop();
    }
 
    $( "#tags" )
      // don't navigate away from the field on tab when selecting an item
      .bind( "keydown", function( event ) {
        if ( event.keyCode === $.ui.keyCode.TAB &&
            $( this ).autocomplete( "instance" ).menu.active ) {
          event.preventDefault();
        }
      })
      .autocomplete({
        minLength: 0,
        source: function( request, response ) {
          // delegate back to autocomplete, but extract the last term
          response( $.ui.autocomplete.filter(
            availableTags, extractLast( request.term ) ) );
        },
        focus: function() {
          // prevent value inserted on focus
          return false;
        },
        select: function( event, ui ) {
          var terms = split( this.value );
          // remove the current input
          terms.pop();
          // add the selected item
          terms.push( ui.item.value );
          // add placeholder to get the comma-and-space at the end
          terms.push( "" );
          this.value = terms.join( ", " );
          return false;
        }
      });
  });
  </script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

O que aparece no console de erros ? Ctrl + Shift + J no browser ?

 

Quais outros códigos vc tem ? vc não está chamando a lib jQuery mais de uma vez, está ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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