Javascript函数可在控制台中使用，但不能在代码中使用
[英]Javascript function works in console but not in code
问题描述
I'm trying to install a jQuery plugin for input masking. 
我正在尝试安装用于输入屏蔽的jQuery插件。 I've included the js file fine, and I try to initialize it per the docs: 我已经很好地包含了js文件，并尝试根据文档对其进行初始化：
<script src="autoNumeric.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#balance-input').keyup(function(){
$('.stripe-button').attr('data-amount', $('#balance-input').val());
});
$('#balance-input').autoNumeric('init');
});
</script>
The first keyup function works fine and is unrelated to the second function. 第一个键入功能正常运行，并且与第二个功能无关。 In the console, I get an error that autoNumeric is undefined. 在控制台中，我收到一个错误，提示autoNumeric未定义。 Then I enter $('#balance-input').autoNumeric('init'); 然后我输入$（'＃balance-input'）。autoNumeric（'init'）; into the console and it works without a problem. 进入控制台，它可以正常工作。 It's inside document.ready and the plugin is included prior to the document.ready. 它位于document.ready内部，并且在document.ready之前包含插件。 What to do? 该怎么办？
2 个解决方案
解决方案1
1 2015-10-13 14:42:16
Even though you checked the load order, it really appears to be the problem. 即使您检查了装载顺序，也确实是问题所在。 Everything has been loaded by the time you get to using the console. 在您使用控制台时，所有内容都已加载。 But during the script it runs as soon as it can. 但是在脚本执行期间，它会尽快运行。 Document Ready waits for the DOM, but not necessarily all the scripts, depending on how they're loaded. 就绪文档等待DOM，但不一定要等待所有脚本，这取决于它们的加载方式。 Also, make sure only one core jQuery file is included (on some systems it might accidentally be included multiple times). 另外，请确保仅包含一个核心jQuery文件（在某些系统上，可能会意外地多次包含该文件）。
The next debugging step would be to set a breakpoint on the call to autoNumeric so that you can check what the state of the JavaScript load is at the time. 下一个调试步骤是在对autoNumeric的调用上设置一个断点，以便您可以检查当时JavaScript加载的状态。
解决方案2
0 2019-01-13 17:37:03
You must add the script in different file(External javascript.js file), link it to your HTML and give 您必须将脚本添加到其他文件（外部javascript.js文件）中，并将其链接到HTML并给出
<body onload="functionname()"> . <body onload="functionname()"> 。 What it will do is, run your script after the page loads. 它会做的是，在页面加载后运行脚本。
If you didn't understand refer this . 如果您不明白，请参考此 。
Best Wishes..! 最好的祝愿..！
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.