简单的 JS 执行但不做任何事情

Question

我有一个简单的网页，如下所示：

 /*global define*/ /*jslint vars: true, plusplus: true, devel: true, nomen: true, indent: 4, maxerr: 50*/ /*global $ */ $(function alap() { "use strict"; var TEST_BOXCOUNT = 5; function Tile(name, date, time, description) { this.name = name; this.date = date; this.time = time; this.description = description; } $('#boxCount').on('input', function(event) { var boxCount = Number(event.target.value); var boxContainer = $('#boxContainer'); boxContainer.empty(); console.log("so far so good"); for (var i = 1; i <= boxCount; i++) { console.log("in loop"); var box = $('<div>').addClass('box'); boxContainer.append(box); } }) });

 #controls>label { display: block; } #boxes { margin-top: 10px; } .box { height: 20px; margin: 5px; width: 20px; background-color: blue; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="controls"> <label for="boxCount">Box count?</label> <input type="text" id="boxCount"> </div> <div id="boxContainer"></div>

目的是将一些框作为瓷砖下拉，数量是输入值。 我有这些日志输入，实际上它们执行，我看到log调用的适当计数。 问题是什么都没有出现。

奇怪的是，在JSFiddle使用时完全相同的代码可以工作，但不确定为什么这里没有显示框。 我请求帮助来解决这个问题。

编辑：

如您所见，我有一个TEST_BOXCOUNT和一个Prototype定义。 我现在不使用它们，但稍后我会让这些框可以点击，并提供一些关于它们的信息。 不过，在这种情况下，他们不应该做任何事情。

它记录了什么：

alap.js:20 到目前为止一切顺利

alap.js:22 循环

alap.js:20 到目前为止一切顺利

12 alap.js:22 循环

Answer 1

真的没什么好说的了。 我只是将我所有的东西复制粘贴到一个新文件夹中，它就像一个魅力。

我唯一能想到的是，我的旧项目在我的OneDrive文件夹中，它可能受到保护（防止病毒执行），或者因为我的网络连接速度慢而超时。 这些只是假设，我真的不知道它为什么有效，但它有效。

因此，再次将您的项目移动到不在云保护程序文件夹中的任何位置，它可能会解决问题。