Javascript '；TypeError:$（…）。characterCounter不是函数'；在我的jquery插件中

我正在练习jQuery插件

我创建了这个插件：

(function ($) {
    'use strict';
    $.fn.characterCounter = function () {
        return this.each(function (index, item) {
            $(item).keyup(function updateCharCounter() {
                var $me = $(this),
                    maxLength = parseInt($me.attr('maxlength'), 10),
                    charCount = $me.val().length,
                    $counter = $me.siblings('.limit');

                $counter.text('limit: ' + maxLength + ' characters. remaining: ' + (maxLength - charCount));
            });
        });
    };

})(jQuery);

和我的html代码：

<div class="form-group">
    <textarea id="short-message" maxlength="100" cols="8"></textarea>
    <p class="limit">limit: 100 characters</p>
</div>

<div class="form-group">
    <textarea id="short-shory" maxlength="150" cols="8"></textarea>
    <p class="limit">limit: 150 characters</p>
</div>

<div class="form-group">
    <input id="nickname" maxlength="50" size="32"/>
    <p class="limit">limit: 50 characters</p>
</div>


<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/showCharacterCharlimit.js"></script>

<script>
    $(document)
        .ready(function() {
            'use strict';
            $('textarea').characterCounter();
        });

</script>

限制：100个字符
限制：150个字符
限制：50个字符
$（文件）
.ready（函数（）{
"严格使用",；
$（'textarea'）.characterCounter（）；
});

但请告诉我这个错误：

TypeError:$（…）。characterCounter不是函数

我不知道为什么，有人能帮我吗？

（函数（$）{
"严格使用",；
$.fn.characterCounter=函数（）{
返回此.each（函数（索引，项）{
$（item）.keyup（函数updateCharCounter（）{
var$me=$（此），
maxLength=parseInt（$me.attr（'maxLength'），10），
charCount=$me.val（）.length，
$counter=$me.SIBLINES（'.limit'）；
$counter.text（'限制：'+maxLength+'个字符。剩余：'+（maxLength-charCount））；
});
});
};
})（jQuery）

限制：100个字符
限制：150个字符
限制：50个字符
$（文件）
.ready（函数（）{
"严格使用",；
$（'.wordcount'）.characterCounter（）；
});
没有线索，我在@George your fiddle中使用的是jquery 3.2.1，但OP中有过时的jquery 1.10.2。在你的提琴上改为1.19或2.2也会出现错误-原来这是由加载顺序引起的-将文档移动到js，它再次正常工作。看起来是因为您的doc ready在脚本之前运行。OP中的代码看起来顺序正确-你能确认你的实际代码也是这个顺序吗？@freedomn-m我将jquery版本更改为2.2.1和3.2.1，甚至尝试“ankit verma”examle，但我不知道为什么不适合meI？我假设2x小提琴适合你？这确认了您的代码没有任何问题，它必须是如何实现的（例如，包含顺序）它给出的事实。characterCounter未定义确认$（文档）。ready正在运行，因此jquery已经可用。是的，Tan Q这个问题来自$（文档）。当我删除文档时准备就绪。ready代码工作正常