可以在i html标记点击事件中显示提醒

我想在PHP，css和javascript中制作一张照片上传器。当我从多个文件选择器中选择要显示的照片时，我会尝试使用由Font-awesome提供的<i>标记元素所示的接近红色图标来显示每个图像。可以在i html标记点击事件中显示提醒

<li><i class="fa fa-times fa-2x close_photo" style="color: red" id="delete"></i><img src=""></li>

下面是一个图片来说明情况：

的问题是，当我试图单击此元素可删除照片，还有我的动作后无反应。我已经尝试了很多javascript解决方案：

$('#delete').on('click',function(){ 
    alert('OK'); 
}); 

$('#delete').click(function(){ 
    alert('OK'); 
}); 

$(this).trigger('click',function(){ 
    alert('OK'); 
});

所以任何一个帮助。

来源

2015-12-28 KubiRoazhon

你试过这样吗？（''click'，'＃delete'，function（）{ alert（'OK'）; }）;' –

dosen't work :(！ – KubiRoazhon

您可能需要事件代表团。尝试如下。

$('body').on('click', '#delete',function(){ 
    alert('OK'); 
});

来源

2015-12-28 10:57:15 Azim

这是工作，谢谢很多哥们！ – KubiRoazhon

为了解释Kubi，那些'li'元素可能被动态添加，这意味着一旦添加到页面中就需要分配事件监听器。代替这样做，代码Azim在技术上等待'body''点击。 –

是的，你是对的，元素自动添加。谢谢你的解释 – KubiRoazhon

我认为问题是与id。 Id应该对每个<i>标签都是唯一的。在这个问题中，我认为你应该使用这个类来选择相应的<i>标签。

$("li").each(function(){ 
     $(this).hide(); 
    });

来源

2015-12-28 11:18:03

可以在i html标记点击事件中显示提醒

回答

相关问题