Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 数组循环中的自定义类不起作用_Jquery_Html_Angularjs - Fatal编程技术网

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!")
  });      
});