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

时间:2013-08-01 06:31:40

标签: jquery html angularjs

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

我知道Angular添加了ng-scopeng-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!")
  });      
});

1 个答案:

答案 0 :(得分:3)

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

您可以采用角度方式并添加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!")
  });      
});