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

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

最佳答案

您正在尝试为尚未在 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!")
  });      
});

关于jquery - 数组循环中的自定义类不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17986717/

相关文章:

jquery - 如何使用 CSS 更改 jquery ui 小部件控件的高度

javascript - jQuery getJSON 语法错误

html - 在移动 safari、横向 * 和 * 纵向 (iPhone/iPad) 中将背景图像居中

html - Css column-break-before 不工作

dom - JavaScript DOM 对象到 jQuery 对象

javascript - AJAX/jQuery 检索 JSON 和 dataType 时出现问题

php - 更改行值 onclick html 表,如 phpMyAdmin

ruby-on-rails - AngularJS:将设计与多个模型一起使用

Angularjs - 最后一次 ng-repeat li 之后的意外空间

angularjs - 使用 angular、highcharts-ng 更新图表、highcharts 中的数据