JQuery 不会删除我的 div 以响应 div 点击事件

Question

我在做什么

我刚刚学习了JQuery，我正在尝试制作Window的贴纸的网络应用程序版本

我想做什么

我在顶部导航栏(如div(的右侧为每个粘性div都有一个关闭按钮。

我的问题

点击div 时没有响应

我的代码

整个项目：https://codepen.io/kymed/pen/ajdmwY

相关代码：

let closebtnimg = "<img src='x.png' style='float:right;'></img>";
$(closebtnimg).appendTo(this.topdiv);
$(closebtnimg).mousedown(function(){
$(me.div).remove();
})

我尝试过的

我尝试创建一个div并将该图像用作背景图像，然后再次尝试将div的不透明度设置为0，将背景色设置为白色。

我也试过这个，一段类似帖子中的代码，我用"点击"代替了"加载">

$("img").one("load", function() {
// do stuff
}).each(function() {
if(this.complete) $(this).load();
});

Answer 1

这是实现您想要的目标的一种简单方法：

$("#myDivId").on('click', function() {
$("#myDivId").fadeOut()
})

Answer 2

您需要这样做：

let closebtnimg = "<img src='x.png' style='float:right;'></img>";
let closer = $(closebtnimg);
closer.appendTo(this.topdiv);

然后这个：

closer.click(function(){
$(me.div).remove();
})

通过像以前一样使用$(closebtnimg)两次，您每次都创建了一个全新的关闭按钮。你创建的第二个没有附加到你的粘性，你正在将你的点击操作添加到未附加的关闭按钮。附加的关闭按钮没有任何动作。