Jquery 检测到通过CSS内容url()插入的图像上的点击?
我正在使用myClass类向页面上的所有元素添加“删除我”图标:Jquery 检测到通过CSS内容url()插入的图像上的点击?,jquery,css,ajax,Jquery,Css,Ajax,我正在使用myClass类向页面上的所有元素添加“删除我”图标: div myClass:after { content: url('remove-me-icon.jpg') } 然后,我使用事件委派通过侦听包含元素上的单击来检测所有这些图标上的单击: $("#myDivThatContainsThoseOtherDivs").click(function(e){ if ($(e.target).is('.myClass:after'): { // XXX... remove th
div myClass:after
{
content: url('remove-me-icon.jpg')
}
然后,我使用事件委派通过侦听包含元素上的单击来检测所有这些图标上的单击:
$("#myDivThatContainsThoseOtherDivs").click(function(e){
if ($(e.target).is('.myClass:after'):
{
// XXX... remove this element
}
});
但是,每当用户单击类为myClass的div时,就会触发XXX中的代码;有没有一种方法可以让我知道点击是否特别发生在我用CSS的内容属性插入的图标上
编辑:从下面的答案来看,这似乎不起作用,因为图像没有添加到DOM中。怎样才能达到同样的效果呢?我是否坚持使用jquery来
$("div.myClass").each(
/*
function that appends html to this element defining a clickable
icon with class "myClickableIcon"
*/);
$("#myDivThatContainsThoseOtherDivs").click(function(e){
if ($(e.target).is('.myClickableIcon'):
{
// XXX... remove this element
}
});
然后对添加的myClass类的每个新div执行相同的操作?我并没有使用那些添加事件处理程序的spiffy事件处理插件,即使是尚未创建的与选择器匹配的元素
还是有更聪明的方法
提前感谢您的帮助
劳拉:不,不可能 插入的内容没有DOM元素。和事件绑定到DOM元素
您必须单独添加一个图标作为DOM元素。不,这是不可能的 插入的内容没有DOM元素。和事件绑定到DOM元素
你必须自己添加一个图标作为DOM元素。根据Safari的Web Inspector,css:after不会改变DOM,所以我认为不可能从JavaScript中检测到点击。根据Safari的Web Inspector,css:after不会改变DOM,所以我认为不可能从JavaScript中检测点击