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

Question

I have a simple web page like so:

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

The intention is to drop down some boxes as tiles, the quantity is the input value. I have those logs input, and actually they execute , I see the appropriate count of log calls. The problem is that nothing appears.

It is strange that the exact same code worked when using in JSFiddle , but unsure why no boxes show up here. I request assistance to sort this out.

EDIT:

As you see, I have a TEST_BOXCOUNT and a Prototype definition in place. I'm not using them right now, but later on I'll make these boxes clickable with some info on them. They aren't supposed to do anything in this case though.

What it logs:

alap.js:20 so far so good

alap.js:22 in loop

alap.js:20 so far so good

12 alap.js:22 in loop

Answer 1

There's really nothing else to say. I just copy pasted all my stuff to a new folder and it works like a charm.

The only thing I can think of is, that my old project was in my OneDrive folder, and it may be protected (against viruses to execute), or because of my slow net connection it timed out. These are just hypotheses, I really have no clue why it works, but it works.

So again, move you project to anywhere that's not in a cloud saver folder, and it might solve the issue.