jQuery从其他文件调用$ .fn函数

Question

您好我在尝试从另一个文件中读取jQuery函数时遇到问题。

misFunciones.js

function formatString() {
var args = Array.prototype.slice.call(arguments, 1);
return arguments[0].replace(/\{(\d+)\}/g, function (match, index) {
    return args[index];
});
}


jQuery.fn.soloNumerosDecimales = function () {
    return this.each(function () {
        $(this).keydown(function (e) {
            var key = e.charCode || e.keyCode || 0;



            if (e.keyCode == 190 || e.keyCode == 110 || e.keyCode == 188) {
                e.preventDefault();
                $(this).val($(this).val() + ',');
            }


            return (
                (key == 65 || key == 86 || key == 67) && (e.ctrlKey === true || e.metaKey === true) ||
                key == 8 ||
                key == 9 ||
                key == 13 ||
                key == 46 ||
                key == 110 ||
                key == 190 ||
                (key >= 35 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
        });
    });
};    

当函数在同一个文件中时，该函数工作正常，但是当我尝试从另一个.js文件调用它时，我得到了

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

进口

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/cldr.js"></script>
<script src="~/Scripts/cldr/event.js"></script>
<script src="~/Scripts/cldr/supplemental.js"></script>
<script type="text/javascript" src="~/Scripts/globalize.js"></script>
<script type="text/javascript" src="~/Scripts/globalize/number.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.js"></script>
<script type="text/javascript" 
src="~/Scripts/jquery.validate.unobtrusive.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.validate.globalize.js"></script>

加载cldr json

<script>
    $.when(
        $.getJSON("/Scripts/cldr/supplemental/likelySubtags.json"),
        $.getJSON("/Scripts/cldr/supplemental/numberingSystems.json"),
        $.getJSON("/Scripts/cldr/numbers.json")
    ).then(function () {
        console.log("start slicing");
        return [].slice.apply(arguments, [0]).map(function (result) {
            console.log("slicing done");
            return result[0];
        });
    }).then(Globalize.load).then(function () {
        Globalize.locale("es-AR");
        console.log("Locale set to es-AR");
        }).then(console.log("LOADED EVERYTHING"));
</script>

添加misFunciones.js的脚本

<script src="~/Scripts/misFunciones.js"></script>

试着用它

 $(document).ready(function () {
 $("#ref_primaria_positivo").soloNumerosDecimales();
});

非常感谢你，对不起我的英语:(

Answer 1

解决方案是在document.ready函数之前调用函数

  $("#ref_primaria_positivo").soloNumerosDecimales();
  $(document).ready(function () {
  )};

感谢大家！