Question

我有一个dl，我想在点击时使用jQuery在dt中翻转图像。这可以使用static css轻松完成，但由于某种原因，我无法使用jQuery的.css（）方法实现相同的效果。我做错了什么或这是一个jQuery怪癖？

Here is a JSFiddle link使用CSS和jQuery演示行为。

没有click事件处理程序的示例代码。我只是为了简单起见而试图翻转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"
    }
    );

Answer 1

你看不出[]和() ..

之间的区别

换句话说，您需要使用括号而不是括号

$('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/

为什么jQuery的.css（）方法不允许翻转

1 个答案: