Question

我正在尝试实现autoNumeric jQuery插件，但我一直在控制台中收到此错误消息。

未捕获的TypeError：$（...）。autoNumeric不是函数

标记：

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

我该如何解决这个问题？

Answer 1

您只加载了jQuery和jQuery-ui。我不认为autoNumeric是其中任何一个软件包的一部分。

您应尝试从HERE或HERE下载并查看是否已加载。

Answer 2

好的，我解决了，

而不是像这样包装标签

<?php
header('Content-type: application/json');

    if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
            header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         
        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
            header("Access-Control-Allow-Headers:        {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
        exit(0);
    }

$value = json_decode(file_get_contents('php://input'));

// for test     
echo $value->name;

?>

我用这样的标签包裹着：

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

现在功能正常。

Answer 3

自2018年1月起，AutoNumeric插件需要不同的初始化：

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

选项名称也已更改。请参阅github。

jQuery，Uncaught TypeError：$（...）。autoNumeric不是函数

3 个答案: