2016-05-09 31 views
3

私はautoNumeric jQueryプラグインを実装しようとしていますが、コンソールでこのエラーメッセージが表示され続けます。

Uncaught TypeError: $(...).autoNumeric is not a function

マークアップ:

<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> 

私は

<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> 

どのように私はこれを解決するのですヘッダーにこれらのスクリプトを持っていますか?

+0

これはどのように私の質問を解決します。私はその質問を見てきましたが、なぜそのエラーが出るのか説明していません。 – user892134

+0

はjqueryとjquery UIのautoNumeric部分ですか?私はそれが第三者プラグインだと思った:https://github.com/BobKnothe/autoNumeric – ntgCleaner

+0

エラー情報によると、スクリプトautoNumberic.jsが正常に読み込まれたかどうかチェックする必要があるかもしれない。 – Kelvin

答えて

1

jQueryjQuery-uiのみがロードされています。 autoNumericは、これらのパッケージのいずれかに含まれているとは思われません。

HEREまたはHEREからダウンロードし、ロードするかどうかを確認する必要があります。私はこのようなタグに包まれたこの

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

よう

+0

私はautoNumericをダウンロードし、jsファイルを自分のフォルダに入れました。 – user892134

+0

@ user892134まだ動作しませんか? – ntgCleaner

+0

いいえ、これは私を困惑させるものです。なぜ、他のプラグインとの競合? – user892134

1

私が解決し[OK]を、タグ内の代わりに、ラッピングの

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

今機能が働いています。

+0

jQueryの毎回書い避け、最愛の$記号で一貫した保つために、あなたはこのように、生命維持の内側にコードをカプセル化することができます:$ (関数(){ $(関数(){ $( 'ボディ').append('Yey more troubles here'); }); })(jQuery); –

1

AutoNumericプラグインは異なる初期化必要が2018年1月の時点で:オプション名が変更されている。また

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

を。 githubを参照してください。

関連する問題