jQuery Girl
  1. jQuery Girl
  3. jQuery Autocomplete ne fonctionne pas dans Rails 4
Intereting Posts
En utilisant jquery tagit plugin, existe-t-il un moyen de désactiver toutes les entrées? Comment désactiver la sélection de texte dans les navigateurs Web lorsque j’utilise jQuery UI .draggable? Jquery – plus efficace d’utiliser plusieurs sélecteurs, ou chacun Passer à la prochaine entrée qui était désactivée et activée onchange détection du navigateur mobile sans détection de l’agent utilisateur Utilisation de Javascript uniquement pour réduire les URL à l’aide de l’API Bit.ly Comment sélectionner uniquement du texte en dehors d’une balise dans jQuery si instruction echo sur différents liens pour différents codes Afficher la balise uniquement lorsque la page défile en haut Comment obtenir une valeur de variable PHP à partir d’un autre fichier PHP en utilisant jquery? 3 transitions, pause entre les transitions jquery jtable La case à cocher n’est pas affichée dans la liste Jquery Slideshow Ne fonctionne pas Comment déterminer si width a px ou% Fonction Onclick sur les éléments dans Handlebars-template

jQuery Autocomplete ne fonctionne pas dans Rails 4

J’essaie d’intégrer la saisie semi-automatique de l’ interface utilisateur jQuery à mon application Rails 4.0 comme décrit dans ce Railscast: 102-AutoCompleteAssociationRevised .

Malheureusement, l’auto-complétion ne fonctionne pas. Je ne reçois aucune suggestion bien que le rendu HTML semble bon:

J’ai aussi désactivé Turbolinks, mais rien n’a changé …

Dans mon Gemfile, j’ai inclus le gem 'jquery-ui-rails' et mon application.js ressemble à ceci: 

 //= require jquery //= require jquery.ui.all //= require jquery_ujs //= require bootstrap //= require turbolinks //= require jquery-fileupload/basic //= require jquery-fileupload/vendor/tmpl //= require_tree .

Voici le formulaire que j’utilise, edit.html.erb :

autocomplete.js.coffee: 

 autocomplete = -> $('#plan_part_name').autocomplete source: $('#plan_part_name').data('autocomplete-source') $(document).ready(autocomplete) $(document).on('page:load', autocomplete)

J’ai trouvé la solution:

Mon formulaire de modification a été rendu par la demande Ajax. J’ai donc dû modifier le fichier Javascript (autocomplete.js.coffee) de: 

 $(document).on('page:load', autocomplete)

à: 

 $(document).on('page:update', autocomplete)

travailler correctement avec Turbolinks. Vous trouverez plus d’informations dans le fichier Readme de Turbolinks .

Si vous avez correctement posté le code HTML, cela ne me semble pas très bien:

Cela se traduit par data-autocomplete-source="[" qui ne peut pas être analysé comme JSON ou une URL. Le balisage approprié devrait ressembler à ceci: