Jquery 数组循环中的自定义类不起作用
我正在尝试使用一个类(Jquery 数组循环中的自定义类不起作用,jquery,html,angularjs,Jquery,Html,Angularjs,我正在尝试使用一个类(question),该类将附加到数组的每个元素中,循环工作正常。我的问题是,当我尝试在jQuery中使用该类时,什么都没有发生,就好像它不在那里一样 我知道Angular添加了ng范围和ng绑定类,这可能会阻止jQuery吗 当我检查DOM时,没有错误,并且我的类在那里,它就是不工作 这是我的代码:HTML <p ng-repeat="n in ['Human or Lemar King?','Name of your tribe?','Can you Boogie?
question
),该类将附加到数组的每个元素中,循环工作正常。我的问题是,当我尝试在jQuery中使用该类时,什么都没有发生,就好像它不在那里一样
我知道Angular添加了ng范围
和ng绑定
类,这可能会阻止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>
您正在尝试对尚不在DOM树中的元素设置事件处理程序 您可以选择按角度添加
ng,然后单击:
<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>
我懂了。。。但是$(函数(){…})
说在DOM准备好的时候运行脚本,还是我误解了它?当DOM准备好的时候,Angular开始发挥它的魔力,完成路由和控制器的工作。因此,您的$()将在Angular替换视图之前执行!如果您使用的是Angular应用程序,我强烈建议您为此使用ng click
@stevuu现在说得通了。非常感谢。对于此特定任务,ng click不起作用,因为该任务是jQuery UIspecific@stevuu总有一种方法可以使用ng单击。您可以在作用域中创建一个函数,该函数将调用jQuery UI方法。
<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>
$(function () {
$('body').on('click', '.question', function() {
alert("Ohh hail King Julien!")
});
});