数组循环中的自定义类不起作用

Question

我正在尝试使用将附加在数组的每个元素中的类 (question)，循环工作正常。我的问题是当我尝试在 jQuery 中使用该类时没有任何反应，就好像它不存在一样......

我知道 Angular 添加了 ng-scope 和 ng-binding 类，这可能会阻止 jQuery 吗？

当我检查 DOM 没有错误并且我的课程在那里时，它就是无法工作！

这是我的代码：HTML

<p ng-repeat="n in ['Human or Lemar King?','Name of your tribe?','Can you Boogie?'] | filter:query" class="question"> {{n}}</p>

jQuery

$(function () {
  $(".question").on('click',function() {
     alert("Ohh hail King Julien!")
  });      
});

Answer 1

您正在尝试为尚未在 DOM 树中的元素设置事件处理程序。

您可以选择 angular 方式并添加 ng-click:

<p ng-click="doSomething()" ng-repeat="n in ['Human or Lemar King?','Name of your tribe?','Can you Boogie?'] | filter:query" class="question"> {{n}}</p>

或者您可以在 <body>（或 DOM 中存在的元素的更接近的父级）上设置实时事件：

$(function () {
  $('body').on('click', '.question', function() {
     alert("Ohh hail King Julien!")
  });      
});