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 in loop

Answer 1

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

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

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

简单的JS执行但不执行任何操作

1 个答案: