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');
    }
);