使用动态加载的内容触发点击事件

Question

我的内容随着ajax的变化而变化，我希望在滚动200px后触发对元素的点击。

$(window).scroll(function() {
  if($(window).scrollTop() > 200){
    $(".element")[0].click();
  }
}

但这不适用于更改内容。 首次加载时有效。 但是，一旦ajax生效，该事件就不再触发。 有任何想法吗？ 我知道on事件，但无法在这里弄清楚如何使用它。

更新资料

链接的问题对我没有帮助：

$(staticAncestors).on(eventName, dynamicChild, function() {});

这适用于点击或其他事件。 但我不想附加点击事件，我想触发点击事件。 我该怎么办？ 更改发生在我无法控制的ajax调用中，因此我无法添加回调。

谢谢

Answer 1

当您尝试使用第一次加载时不存在的项目/对象时，JavaScript会有些混乱。

简单来说，jQuery / JS语言只能真正应用于页面加载时的对象。

解决此问题的最简单方法是将函数委派给页面加载中始终存在的HTML元素。 大多数人通常使用<body> 。

例如：

$(window).scroll(function() {
  if($(window).scrollTop() > 200){
    $( "body" ).delegate( $(".element")[0], "click", function() {
      // Your Code Here
    });
  }
}

Answer 2

根据此答案，您可以使用find()方法查看静态祖先元素的后代元素：

$('#someStaticAncestorElement').find('.element')[0].click();

使用动态加载的内容触发点击事件

问题描述

2 个解决方案

解决方案1
0 2015-12-09 15:12:58

解决方案2
0 已采纳 2015-12-09 15:31:28

使用动态加载的内容触发点击事件

问题描述

2 个解决方案

解决方案1 0 2015-12-09 15:12:58

解决方案2 0 已采纳 2015-12-09 15:31:28

解决方案1
0 2015-12-09 15:12:58

解决方案2
0 已采纳 2015-12-09 15:31:28