javascript - .on 不适用于动态 html

标签 javascript html jquery-events

我正在创建拖放操作。当发生下降时,我创建了新的运行时 html 并想绑定(bind)它事件,所以我使用了以下 .on

 .on ( "event", "selector", function() {

但它不起作用。这是片段:

$( "#wrap .dragImages" ).on( "click", "button.edit-new-modal", function() {
    var photoId = $(this).attr('data-username');        
    alert(photoId);
});

.on 在拖放之前工作。但事后点击“button.edit-new-modal”没有任何反应!!怎么了?有什么解决办法吗?

最佳答案

尝试:

$(document.body).on( "click", "button.edit-new-modal", function() {
  var photoId = $(this).attr('data-username');        
  alert(photoId);
});

关于javascript - .on 不适用于动态 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30230712/

相关文章:

javascript - 表单 onclick 不起作用

javascript - webpack:具有 webworker 和多个 block 的 commonchunksplugin

jquery - 在表格上方的正确位置放置一个 div

php - 将数据库中的信息显示到不同单元格中的 HTML 表中

javascript - 使 jQuery 脚本按预期工作时出现问题

javascript - 我可以在 React 应用程序中使用什么作为 Angular 的 $http.get 的等价物

javascript - Cesium DataSourceCollection层排序

javascript - 获取元素的高度然后添加类/更改 css

javascript - 自定义数据列表 - 选项在选择前消失

javascript - 如何使用 jQuery 在单击或更改事件上获取选定选项?