Jquery 1.8.2与智能电视上的旋转

Question

我试图在jQuery版本的1.8.2上旋转一个图像。我不能改变这个版本。

以下是我尝试过的：

$("#test").css("-webkit-transform","rotate(-90deg)")
$("#test").css("-moz-transform","rotate(-90deg)")
$("#test").css("-ms-transform","rotate(-90deg)")
$("#test").css("-o-transform","rotate(-90deg)")
$("#test").css("transform","rotate(-90deg)")
$("#test").tabs('rotate', -90)
$("#test").rotate(-90)
$("#test").rotateAnimation(-90)

这些线都不起作用。

我的导航仪是由Samsung在智能电视上定制的。下面是navigator.userAgent命令的结果：

Mozilla/5.0 (SmartHub; SMART-TV; U; Linux/SmartTV+2014; Maple2012) AppleWebKit/537.42+ (KHTML, like Gecko) SmartTV Safari/537.42+

编辑：目前看来这是不可能的。是否存在不使用HTML5进行旋转的另一种方法？

Edit2：下面是一些工作代码：

$("#myVideo-container").get(0).style.webkitTransform = 'scale(-0.5,-0.5)';
$("#myVideo-container").get(0).style.webkitTransform = 'translateY(-600px)';

我试着从video转到div旋转，但仍然没有旋转。

Answer 1

在这把小提琴里，我似乎很管用：https://jsfiddle.net/mbho2bjj/

当然，JSFiddle只能在jQuery 1.7.2和1.8.3之间进行测试。

但是，我确实在语句的末尾添加了分号。

$("#test").css("-webkit-transform","rotate(-90deg)");
$("#test").css("-moz-transform","rotate(-90deg)");
$("#test").css("-ms-transform","rotate(-90deg)");
$("#test").css("-o-transform","rotate(-90deg)");
$("#test").css("transform","rotate(-90deg)");
$("#test").tabs('rotate', -90);
$("#test").rotate(-90);
$("#test").rotateAnimation(-90);

Answer 2

可能您不一定需要使用jquery。使用JS，您可以非常容易地做到这一点。

尝尝这个

document.getElementById("test2").style.transform = "rotate(90deg)";