javascript - 如何控制加载查询功能的元素

标签 javascript jquery html node.js ajax

我用 query load function. 更新了主页中的帖子它使我能够显示实际的帖子。 但是,我有一个问题。那是: 当我更新所有帖子而不刷新整个页面时,我想控制加载了 load jquery 函数的元素。 我用这个加载了所有实际的帖子:

$( ".all-posts" ).load("/ .all-posts");

.all-posts元素由 .post-edit class name. 组成

我想用这个函数查找:

$('.post-edit').click(function(){ 
alert("found element");
});

我解决了这个问题: 我在加载函数之外定义了函数,并且在加载函数的回调函数中正常使用了它。

最佳答案

您可以使用event delegation .

替换:

$('.post-edit').click(function(){ 
  alert("found element");
});

与:

$('.all-posts').on('click', '.post-edit', function () { 
  alert("found element");
});

关于javascript - 如何控制加载查询功能的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55535503/

相关文章:

javascript - md-sidenav toggle() 位于 md-toolbar 之上

java - Ajax 和 Java Web 服务奇怪的错误

php - 使用ajax删除数据库条目不起作用

html - 删除浏览器特定样式

jquery - 粘性导航不会在短页面上滚动

javascript - 将 CSS 应用于 td,并通过 JQuery 将 html 加载到其中

javascript - 将 PHP 变量添加到 JQuery Post 传递的参数

javascript - MVC中JS配置文件内的引用相对路径

jquery - 从数据库与文件系统中检索静态数据

javascript - 在 DOM 中存储数据