按鈕對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，否則您將被卡住）

希望這可以幫助。