jQuery ,Uncaught TypeError : $(...).autoNumeric n'est pas une fonction

Question

J'essaie de mettre en œuvre le plugin jQuery autoNumeric mais je continue à obtenir ce message d'erreur dans la console.

Uncaught TypeError : $(...).autoNumeric n'est pas une fonction

Markup :

 <input type="text" class="employee_annual_salary />   
 <script type="text/javascript" src="http://www.example.co.uk/assets/js/autoNumeric.js"></script>
 <script type="text/javascript">
     $(function() {
        $(".employee_annual_salary").autoNumeric('init');
     });
 </script>

J'ai ces scripts dans l'en-tête

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/tinymce/tinymce.min.js"></script>
<script type="text/javascript" src="http://www.example.co.uk/assets/js/moment.js"></script>
<script type="text/javascript" src="http://www.example.co.uk/assets/js/autogrow.js"></script>
<script type="text/javascript" src="http://www.example.co.uk/assets/js/jquery.elastic.source.js"></script>

Comment puis-je résoudre ce problème ?

Answer 1

Depuis janvier 2018, le plugin AutoNumeric nécessite une initialisation différente :

$(function() {
    new AutoNumeric('your-selector', yourOptions);
});

Les noms des options ont également changé. Voir github .

Answer 2

Vous avez seulement jQuery y jQuery-ui chargé. Je ne pense pas que autoNumeric fait partie de l'un ou l'autre de ces paquets.

Vous devriez essayer de télécharger à partir de ICI ou ICI et voir s'il se charge alors.

Answer 3

Ok, j'ai résolu le problème,

Au lieu de mettre des balises comme ceci

$(function() {
    $(".employee_annual_salary").autoNumeric('init');
});

J'ai emballé les étiquettes comme ça :

jQuery( document ).ready(function( $ ) {
    $(".employee_annual_salary").autoNumeric('init');
});

Maintenant la fonction fonctionne.