7
votes

Select2-Rails Gem ne fonctionne pas sur Rails4

J'ai essayé de documentation pour Le GEM SELECT2-RAILS , mais ma console de navigateur se lancent toujours une erreur.

Company TypeError: $ (...). Select2 n'est pas une fonction
J'utilise rails 4.0.1 & SELECT2-RAILS 3.5.9.3
MES Application.js < /STSTRONG> /STSTRONDSXX/PO >/PREPRE> erb xxx
Qu'est-ce que je fais mal ici? Toute aide est appréciée.


                        
                        
                            
                                                                    javascript
                                                                    ruby-on-rails
                                                                    select2-rails
                                                            
                        
                                                    
                            
                            
                                2 commentaires
                                
                                                                            Avez-vous vérifié si le SELECT2.JS est  VRAIMENT  Chargement?

                                        
                                                                            Mettre Tour '// Exiger Select2' Après tous les plugins de JQuery? Et retirez le "SELECT" dans le sélecteur de jQuery => $ ('# Team_Select'). Select2 ();



                                    
                    4 Réponses :
                    
                                            
                            
                                
                                    8
 votes
                                
                            
                            
                                
                                     Le problème est sûrement dans  Application.js : Selon leur  app , la séquence de demande de plugins JS est la suivante:  xxx  
 Dans votre cas, vous devez charger  Turbolinks < / code>  avant   select2 , menant à:   xxx                                  


                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     J'ai eu le même problème et je changeais l'ordre des plugins JS n'a pas aidé. 
 J'ai fini par supprimer Turbolinks et ça marche maintenant. Probablement pas la meilleure solution, mais c'était la meilleure chose que j'aie atteint après quelques heures de recherche.  
 Donc, fondamentalement j'ai supprimé cette ligne de  Application.js  Fichier:   xxx                                  


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Au lieu de supprimer  // = nécessite Turbolinks , nous pouvons modifier  link_to  comme:  <% = link_to ("girafe ', @giraffe, données: {no_turbolink: True})%>   Référence                                                 

                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Je n'ai jamais rencontré ce problème lors de l'utilisation des rails 4.1.5 et Select2-Rails 3.5.9.3.
Cependant, après la mise à niveau des rails à 4.2.4, je reçois la même erreur exacte décrite dans cette question: 

   Company TypeError: $ (...). Select2 n'est pas une fonction 
 
 J'ai pu résoudre l'erreur en supprimant le gemme "Select2-Rails" de mon gemfile et en le remplaçant avec:   xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     sur rails 5 Utilisation de Coffeescript et Turbolinks Je devais utiliser la ligne: 

 $ (document) .on "Turbolinks: charge", -> 
Avant tout afin que le code soit exécuté lorsque la page souhaitée avec la balise SELECT est chargée.                                 


                                                                    
                                    
                                    
                                        0 commentaires

Articles qui pourrait vous intéresser : Impossible d'importer le module "@ angular / material" Interaction profonde avec break and catch Utilisation de node.js comment renommer tous les fichiers d'un dossier Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO