26

重複の可能性:
JQuery を使用した CSS 疑似要素の操作

ページロード時に、クラスの :before および :after 要素が表示されるようにします。css で .lifted:before と .lifted:after を opacity:0 に設定しました。ドキュメントの準備ができている内に、次のものがあります。

$(".lifted:before").css("opacity", "1");
$(".lifted:after").css("opacity", "1");

これはうまくいきません。そして、.after jQuery マニピュレーターは、私が知る限り、コンテンツを挿入するためだけに作成されています。

jQuery を使用してこれらの疑似要素の css を操作する方法はありますか?

4

1 に答える 1

26

ロード時にクラスを要素に追加し、それをcssで操作するソリューションを使用することにしました。

$(".lifted").addClass("on");

CSS

.lifted.on:before,
.lifted.on:after {
               opacity: 1;
    -webkit-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); 
         -o-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); 
            transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1);
       -moz-transition: none /* Removed until FF4 hang bug is fixed */
于 2011-04-29T05:06:59.877 に答える