Question

所以我输入了类型为＆＃34; range＆＃34;的HTML，这是一个滑块，允许您向左或向右移动小方框。当我移动滑块时，我想在我的代码中更改一个角度。但是当我拖动它时，它不会移动。

以下是滑块的HTML：

＆＃13;

<div id="slider">
        <form>
            <input type="range" id="scale" value="6" min="4" max="8" step="1">
        </form>
    </div>

＆＃13;

奇怪的是，当我只使用滑块创建一个新页面时，它没有移动。

以下是修改角度的JavaScript：

＆＃13;

function rederer(angle) {
  angle = document.getElementById("scale").value * 10;
  if (slice_one.rotation.y <= Math.PI / 2) {
    slice_one.rotation.y += Math.PI / angle;
  }
  if (slice_four.rotation.y >= -Math.PI * 0.5) {
    slice_four.rotation.y -= Math.PI / angle;
  }
  if (group_1_2.rotation.y >= -Math.PI * 0.2) {
    group_1_2.rotation.y -= Math.PI * angle;
  }

  if (group_3_4.rotation.y <= Math.PI / 3) {
    group_3_4.rotation.y += Math.PI / angle;
  }
  stats.update();
  renderer.render(scene, camera);

}
document.getElementById("scale").onchange = function() {
  var angle = this.value * 10;
  rederer(angle);
}

＆＃13;

当我把它放在一个空的HTML页面中时，有人可以告诉我为什么它会起作用但是当我把它放在我的代码中时它不会移动？

Here you can see how that slider looks like

注意我的整个代码背后的想法如下：我从图片中获得了许多切片，我使用＆＃39; 2d＆＃39;画布的上下文。我使用three.js库来实现3D折叠效果（就像折叠纸张/传单一样）。该滑块的作用是增加/减少折叠的角度

Answer 1

http://www.jslint.com/

看起来有一个额外的}代码，尝试删除它，注意这不会修复您描述的错误，但至少会让您继续解决问题（slice_one不是定义）

为什么我的滑块没有移动？

1 个答案: