我正在尝试使用将附加在数组的每个元素中的类(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!")
});
});
答案 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!")
});
});