Линтер не может прочитать свойство $ ('. Add-circle') / undefined, используя Matter JS lib - PullRequest
Новая
       28

Линтер не может прочитать свойство $ ('. Add-circle') / undefined, используя Matter JS lib

1 голос
/ 22 февраля 2020

Я пытаюсь создать новые фигуры, которые падают на холст, когда вы нажимаете кнопку для этой фигуры. Я использую CDN. Только две страницы - мой индекс и приложение. js. Мой холст появляется вместе с кнопками, и первый шар падает, но всякий раз, когда я нажимаю кнопку, ничего не происходит. Консоль говорит "$" не определено. Любая помощь очень ценится. Кроме того, на моей странице указателя мой CDN находится в теге сценария и находится перед моим приложением. js тег сценария. 

var Engine = Matter.Engine,
  Render = Matter.Render,
  World = Matter.World,
  Bodies = Matter.Bodies;

var engine = Engine.create();

var render = Render.create({
  element: document.body,
  engine: engine,
  options: {
    width: 800,
    height: 400,
    wireframes: false
  }
});

var topWall = Bodies.rectangle(400, 0, 810, 30, { isStatic: true });
var leftWall = Bodies.rectangle(0, 200, 30, 420, { isStatic: true });
var ball = Bodies.circle(460, 10, 40, 10);
var bottomWall = Bodies.rectangle(400, 400, 810, 30, { isStatic: true });

World.add(engine.world, [topWall, leftWall, ball, bottomWall]);

Engine.run(engine);

Render.run(render);


var addCircle = function () {
  return Bodies.circle(Math.random() * 400 + 30, 30, 30);
};

var addSquare = function () {
  return Bodies.rectangle(Math.random() * 400 + 30, 30, 60, 60);
};

var addRect = function () {
  return Bodies.rectangle(Math.random() * 400 + 30, 30, 100, 60);
};

Вот где моя проблема. Я также следовал этому уроку. 

$('.add-circle').on('click', function () {
  World.add(engine.world, addCircle());
});

$('.add-square').on('click', function () {
  World.add(engine.world, addSquare());
})

$('.add-rect').on('click', function () {
  World.add(engine.world, addRect());
})
...