jQuery隐藏框问题

Question

我正在使用jQuery，当我点击时隐藏移动的div，使用以下代码：

：

$("#image").click(function () {
  $("#image").hide();
});

$(document).mousemove(function(e){
    $("#image").css({left:e.pageX, top:e.pageY});
});

盒子动了，但是即使我点击它，它也不会消失！

- checkopenport

---

你能创建一个 JSfiddle 吗？ - Rich

问题是隐藏函数在JSFiddle上可以工作，但在我的网站上却不行。 - checkopenport

你有检查你的网站控制台是否有错误吗？ - j08691

@checkopenport 给出你的网页链接。 - Tushar Gupta - curioustushar

由于您正在使用.hide()隐藏#image，因此您可以简单地使用$(this).hide()。 - Sterling Archer

Answer 1

创建一个CSS类。

.hidden {
    display:none;
}

（或者 visibility:hidden;）

...并像这样切换：

$("#image").click(function () {
    $(this).addClass("hidden");
});

- Math chiller

---

完美解决了！但我使用了：onclick="this.style.visibility='hidden'"来解决问题。 - checkopenport

@checkopenport 你也可以使用 jQuery 的 .toggle()，但我发现这种方法更容易控制。 - Math chiller

要坚持使用jQuery，您也可以使用$(this).css("visibility","hidden");。 - Sterling Archer

@RUJordan 没错，但是你应该使用 $(this).toggle()，请参见上面的评论。 - Math chiller

@tryingToGetProgrammingStraight 搞定了兄弟！ - checkopenport

@checkopenport 谢谢，我有点迷恋于整个声誉的事情。 - Math chiller