jquery - 奇妙な jQuery show() の問題 - 何が表示されないのですか?

Question

ホットスポットのある画像を含む DIV があります。デフォルトでは非表示に設定されています。

それを表示するために呼び出す関数があります。

関数では、これは機能します：

$('#adChart').css("visibility", "visible");

しかし、これは機能しません:

$('#adChart').show();

これも機能しません：

$('#adChart').fadeIn(1000); 

(そして、私が本当にやりたいのは、左からフェードインしてスライドインすることです。しかし、この時点では、単純な show() を機能させることさえできません。)

Document-ready でラッピングしても役に立ちません。そして、コード内のすべての関数定義をドキュメント対応でラップする必要があるとは思いませんか? 何百もあるかもしれません。

提案？

Answer 1

.show() method doesn't affect the visibility. It modifies the display property, same thing for fadeIn(). That's why it doesn't work.

.show() is a shorcut for: css("display", "");

So you should use display CSS property instead of visibility if you want to use .show() and fadeIn().

Answer 2

これを試して：

$('#adChart').css({"visibility": "visible","display":"block","opacity":1});