javascript - JQuery 不会删除我的 div 来响应 div 单击事件

Question

我正在做什么

我刚刚学习了 JQuery，并且正在通过尝试制作 Window 粘滞便笺的 Web 应用程序版本来进行锻炼

我正在尝试做什么

对于每个粘性 div，我在顶部导航栏式 div 的右侧有一个关闭按钮。我正在尝试做到这一点，以便当您单击此 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，背景颜色设置为白色。

我也尝试过这个，来自类似帖子的一段代码，我用“click”替换了“load”

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

Answer 1

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

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