Question

我正在使用Onsen UI（angularjs）+ Cordova，我遇到了这个问题：我有一个现在无法正常工作的按钮，但这个按钮前一段时间正在运行。现在我甚至无法获得按钮的点击事件。有人知道这是什么问题吗？

HTML：

<ons-list id="list-actions" style="border-top: none"><ons-list-item style="line-height: 1; padding: 0;">
        <ons-row class="action">
          <ons-col class="bt-pres action-col col {{interaction[0].present}}">
            <div class="action-icon"><ons-icon icon="ion-fireball"></ons-icon></div>
            <div class="action-label">Press</div>
          </ons-col>

使用Javascript：

  //not working
  $(document).on("click",".bt-pres",function(){
    alert("clicked");

Answer 1

感谢您的所有回复。再次查看代码，我的错误是我有两次代码，如$(document).on('click', elem, func)，而且它有冲突。然后我改为使用控制器内部的角度ngclick功能。这就像一个魅力。谢谢大家

Answer 2

首先，alert()在波纹和设备中都不起作用（据我所知）。如果你想触发我建议ng-click()

的功能

示例 HTML

<div ng-controller="LoginController">
   <ons-button ng-click="Login()">Login</ons-button>
</div>

JS

.controller('LoginController', function () {
   $scope.Login = function () {
      console.log("triggered");
   }
}

在您的情况下尝试下面的代码

$(document).on("click","div.action-label",function(){
    console.log("triggered");
}

onclick和ng-click事件无效

2 个答案: