使用JQuery删除动态创建的Div时出现问题

詹姆斯·F

我有一个按钮可以删除其中包含的div。div是使用Jquery动态创建的,我正在使用它来删除每个div:

$('.shift_button').click(function(e) {
    e.preventDefault();
    $(this).parent().remove();
});

但是,当按下按钮时什么也没有发生,div仍然存在。知道我在做什么错吗?

以下是创建div的方法:

$('#shifts_to_complete').append('<div id="'+ length +'" class="current_shift" data-role="fieldcontain"></div>');  
$('#'+ length +'').html('Location: ' + obj.shift_location + '<br>Date: ' + obj.shift_date + '<br>Shift Starts: ' + obj.start_time + '<br>Shift Ends: ' + obj.end_time + '<br>Hours Worked: ' + obj.duration + '<br>Pay for Shift: &pound' + shift_pay + '<br><button class="shift_button ui-btn ui-shadow ui-btn-corner-all ui-btn-up-b" id="btn_'+ length +'">Completed?</button>');

谢谢

使用事件委托

$(document).on('click','.shift_button',function(e) 
{ 
 e.preventDefault(); 
  $(this).parent().remove(); 
});

它将事件绑定到文档的所有将来动态元素,因为文档是始终存在的父元素。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JQuery删除动态创建的Div时出现问题

来自分类Dev

使用jQuery动态创建按钮时出现问题

来自分类Dev

使用jquery显示动态内容时出现问题?

来自分类Dev

使用jQuery创建图像滑块时出现问题

来自分类Dev

使用jQuery更改Div颜色时出现问题

来自分类Dev

使用JQuery Toggle时出现问题

来自分类Dev

向动态创建的元素添加类时出现问题

来自分类Dev

动态创建Google轨距图时出现问题

来自分类Dev

使用 reportlab 创建具有动态行和列的表格时出现问题

来自分类Dev

使用DIV标签动态构建结构化HTML表时出现问题

来自分类Dev

在Django中创建删除按钮时出现问题

来自分类Dev

在动态数组上使用指针时出现问题

来自分类Dev

当使用jQuery删除select的选项时,Chrome浏览器中出现问题

来自分类Dev

在jQuery中创建新元素时出现问题

来自分类Dev

编译使用OleView创建的IDL时出现问题

来自分类Dev

使用C#创建目录时出现问题

来自分类Dev

在使用Class <?>作为键创建ImmutableMap时出现问题

来自分类Dev

使用MySQL和PHP创建表时出现问题

来自分类Dev

使用javax createObjectBuilder创建JSON文件时出现问题

来自分类Dev

尝试使用WITH创建视图时出现问题

来自分类Dev

使用springboot创建端点时出现问题

来自分类Dev

使用MySQL和PHP创建表时出现问题

来自分类Dev

使用JavaScript创建基本时钟时出现问题

来自分类Dev

使用pthreads创建多个线程时出现问题

来自分类Dev

使用换行符创建数组时出现问题

来自分类Dev

使用C#创建目录时出现问题

来自分类Dev

在使用可选参数创建路线时出现问题

来自分类Dev

使用jsoup在div中选择标签时出现问题

来自分类Dev

使用Slick jQuery滑块时出现问题

Related 相关文章

热门标签

归档