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 进行轮换的其他方式？

编辑2： 这是一些工作代码：

$("#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)";