Question

我在做什么

我刚刚学习了JQuery，并且正在尝试制作Web应用程序版本的Window的Sticky Notes

我要做什么

对于每个粘性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，背景色设置为白色。

我也尝试了这一点，这是我在类似的文章中用“点击”代替“加载”的一小段代码

$("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)，每次都创建一个全新的关闭按钮。您创建的第二个未附加到您的即时贴，并且您将点击动作添加到了该未附加的关闭按钮。附带的关闭按钮没有作用。

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

2 个答案: