jquery - 当不透明度为 0% 时删除元素的点击

Question

我的页面上有一些内容需要淡出到 0% 不透明度，而不是淡出并将元素从页面中完全删除，因此元素的高度和宽度仍然存在，但只是不活动。

问题是，该元素中的对象仍然可单击并且仍然触发事件。是否有特殊的方法使它们处于非事件状态，或者只是简单的 cursor:default; 和 preventDefault();？

Answer 1

尝试更改内容的可见性。

在 CSS 中，

visibility: hidden

这将隐藏元素，但仍占据与完全显示时相同的宽度和高度。

更好的是，您可以淡出元素，然后更改其可见性:

$('#target').animate({
      opacity: 0
    },
    1000, // specifies duration of fade (in milliseconds)
    function() {
        // this function will called after the opacity animation has completed
        $(this).css('visibility', 'hidden');
    }
);