0

次のスタイルセットを使用してJavaScriptコードで動的に作成されるDIVがあります。

-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;

Jqueryを使用してDIVをフェードインしたいのですが、機能しません。DIVにはまだ不透明度：0があります。divでfadeOutを使用することはできません。これは、動的に作成され、DIV内の画像が読み込まれた直後にfadeInする必要があるためです。

この問題の解決策はありますか？

4

4 に答える 4

1

CSSを手動でリセットしてから、フェードインするだけです。

$("#myDiv").css({"-ms-filter": "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)", "-moz-opacity": 1, "-khtml-opacity": 1, "opacity": 1, "visibility": hidden}).fadeOut(0, function(){

     $(this).css({"visibility": "visible"}).fadeIn();
})

私はこれを、最初は隠してからフェードインする必要があるものによく使用します。

于 2013-01-02T19:54:20.757 に答える
0

animate代わりに使用してください。

$('#your_div_id').animate({opacity: 1});
于 2013-01-02T19:31:12.120 に答える
0

display: none不透明度をいじる代わりに、で画像を読み込んでから、フェードインしてみてください。

于 2013-01-02T19:36:42.957 に答える
0

liveQuery（jqueryプラグイン）を使用できます：https ：//github.com/brandonaaron/livequery

「LiveQueryは、ページが読み込まれてDOMが更新された後でも、一致した要素に対してイベントをバインドしたり、コールバックを自動的に起動したりすることで、jQueryセレクターの機能を利用します。」

$('.someClass').livequery(function() { 
    /*a .someClass is created*/
    $(this).fadeIn();
});

liveQueryはうまく機能します！

于 2013-01-02T19:37:07.377 に答える