0

クリック時にjQueryを使用してdt内の画像を反転させたいdlがあります。これは静的cssを使用して非常に簡単に実行できますが、何らかの理由でjQueryの.css（）メソッドを使用して同じ効果を達成することはできません。私は何か間違ったことをしていますか、それともこれはjQueryの癖ですか？

これは、 CSSとjQueryの両方を使用した動作を示すJSFiddleリンクです。

クリックイベントハンドラーのないサンプルコード。簡単にするために、今はdt自体を反転させようとしています。

$('dt').css(
    {
        "color" : "red",
        "transform": "scaleY[-1]",
        "-moz-transform": "scaleY[-1]",
        "-o-transform": "scaleY[-1]",
        "-webkit-transform": "scaleY[-1]",
        "filter": "FlipV",
        "-ms-filter": "FlipV"
    }
    );
4

1 に答える 1

4

[]との違いがわかりませんか()。

つまり、角かっこではなく括弧を使用する必要があります

$('dt').css({
    "color": "red",
    "transform": "scaleY(-1)",
    "-moz-transform": "scaleY(-1)",
    "-o-transform": "scaleY(-1)",
    "-webkit-transform": "scaleY(-1)",
    "filter": "FlipV",
    "-ms-filter": "FlipV"
});

デモhttp://jsfiddle.net/gaby/qngrf/379/

于 2012-12-13T12:05:56.063 に答える