Javascript jQuery单击contenteditable div中的“不处理”按钮

Javascript jQuery单击contenteditable div中的“不处理”按钮,javascript,jquery,Javascript,Jquery,我有以下代码。它做了以下工作: 将鼠标悬停在div上时,会在div上附加一个按钮。单击该按钮时,我将尝试删除父div。但按钮上的单击事件不会触发。我怀疑这是由于父div是可编辑的。 是否有任何方法可以触发点击按钮 $(文档).ready(函数(){ jQuery(document).on(“mouseover”,“.mfx container”,function()){ jQuery(“.mfx容器”).css(“大纲”、“无”); jQuery(this).css(“大纲”,“2px实体#D

我有以下代码。它做了以下工作:

将鼠标悬停在div上时,会在div上附加一个按钮。单击该按钮时,我将尝试删除父div。但按钮上的单击事件不会触发。我怀疑这是由于父div是可编辑的。 是否有任何方法可以触发点击按钮

$(文档).ready(函数(){
jQuery(document).on(“mouseover”,“.mfx container”,function()){
jQuery(“.mfx容器”).css(“大纲”、“无”);
jQuery(this).css(“大纲”,“2px实体#DDE5EC”);
jQuery(“.editor悬停按钮”).remove();
jQuery(this.append('Delete');
})
jQuery(document).on(“单击“,”.delete block按钮”,函数(){
警告(“删除”);
jQuery(this).parent(“.mfx容器”).remove();
})
})
.mfx容器{
最小高度:100px;
位置:相对位置;
}
.删除块按钮{
位置:绝对位置;
顶部:10px;
}

介绍Marketfox!现在,您可以在任何网页上增加转换
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet,是一位杰出的献身者。大菱鲆。别有用心的代价是危险,而不是危险。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。

这是因为您的函数添加了很多按钮。我已经为make添加了一个变量,只有一个按钮。请试一试

$(文档).ready(函数(){
var-active=0;
jQuery(document).on(“mouseover”,“.mfx容器”,函数(e){
如果(活动==0){
主动=1;
jQuery(“.mfx容器”).css(“大纲”、“无”);
jQuery(this).css(“大纲”,“2px实体#DDE5EC”);
jQuery(“.editor悬停按钮”).remove();
jQuery(this.append('Delete');
}
})
jQuery(document).on(“mouseout”,“.mfx容器”,函数(e){
如果(活动==1){
活动=0;
}
})
jQuery(document).on(“单击“,”.delete block按钮”,函数(){
警告(“删除”);
jQuery(this).parent(“.mfx容器”).remove();
})
})
.mfx容器{
最小高度:100px;
位置:相对位置;
}
.删除块按钮{
位置:绝对位置;
顶部:10px;
}

介绍Marketfox!现在,您可以在任何网页上增加转换
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet,是一位杰出的献身者。大菱鲆。别有用心的代价是危险,而不是危险。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。

这是因为您的函数添加了很多按钮。我已经为make添加了一个变量,只有一个按钮。请试一试

$(文档).ready(函数(){
var-active=0;
jQuery(document).on(“mouseover”,“.mfx容器”,函数(e){
如果(活动==0){
主动=1;
jQuery(“.mfx容器”).css(“大纲”、“无”);
jQuery(this).css(“大纲”,“2px实体#DDE5EC”);
jQuery(“.editor悬停按钮”).remove();
jQuery(this.append('Delete');
}
})
jQuery(document).on(“mouseout”,“.mfx容器”,函数(e){
如果(活动==1){
活动=0;
}
})
jQuery(document).on(“单击“,”.delete block按钮”,函数(){
警告(“删除”);
jQuery(this).parent(“.mfx容器”).remove();
})
})
.mfx容器{
最小高度:100px;
位置:相对位置;
}
.删除块按钮{
位置:绝对位置;
顶部:10px;
}

介绍Marketfox!现在,您可以在任何网页上增加转换
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet,是一位杰出的献身者。大菱鲆。别有用心的代价是危险,而不是危险。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。
维瓦摩斯在原地,奥迪奥。莫里斯·内克·奥古斯·维塔是一位精神病患者。我是康莫多米,我是麦格纳之门。这是我的朋友。

对我来说很好:对我来说很好:我很确定OP希望每个元素都有删除按钮否按钮不起作用。他想删除可链接的div,他说:“但是按钮上的点击事件没有触发。”完美。从未注意到添加了多个按钮。我想这是一个错误,而不是一个功能:)我很确定OP希望每个元素都有删除按钮否按钮不起作用。他想删除可链接的div,他说:“但是按钮上的点击事件没有触发。”完美。从未注意到添加了多个按钮。我想是的