按钮对Ionic中的单击没有响应

Question

我将以下按钮绝对定位在画布元素上：

<button class="left">Left</button>

这是应该响应按钮单击的JavaScript：

$(".left").mousedown(function() {
   leftTimer = setTimeout(moveLeft, 10);
}).mouseup(function() {
   clearTimeout(leftTimer);
});

var leftTimer,
moveLeft = function() {
  if (circleX > 0) {
    circleX -= 4;
  }
  $("h1.title").text('Clicked Left');
  leftTimer = setTimeout(moveLeft, 10);
};

我添加了标题行以检查是否有延迟。 当我正常单击按钮时，标题没有变化。 我必须按住按钮一段时间，以将文本更改为“ Clicked Left”或移动目标元素。 即使这样，在我第一次触摸按钮的时间与文本更改的时间之间仍然存在相当长的延迟。 这是为什么 ？ 让我知道是否需要提供更多信息。

Answer 1

您实际上应该在Ionic应用程序中使用Angular，并在要处理的div上使用ng-click元素。

根据文档，AngularJS是必需的：

Ionic目前需要AngularJS才能发挥其全部潜力。 尽管您仍然可以使用框架的CSS部分，但是您会错过强大的UI交互，手势，动画和其他功能。

这是一个JSBin，可让您在HTML和AngularJS之间建立基本的绑定： https ://jsbin.com/rifigakube/edit ? html,js,output

如果您不熟悉这项技术，这里是AngularJS入门列表（如果您知道Javascript，就很容易学习）：

• https://angularjs.org/
• https://docs.angularjs.org/tutorial/step_00
• http://www.w3schools.com/angular/
• https://thinkster.io/a-better-way-to-learn-angularjs
• https://egghead.io/technologies/angularjs

最后，当您认为自己对AngularJS有足够的信心时： https ://scotch.io/tutorials/create-your-first-mobile-app-with-angularjs-and-ionic

（我真的建议您在做最后一本书之前先学习AngularJS，否则您将被卡住）

希望这可以帮助。