文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么这个简单的jQuery脚本不起作用？

问为什么这个简单的jQuery脚本不起作用？
EN

Stack Overflow用户

提问于 2011-10-10 02:04:55

回答 2查看 129关注 0票数 1

我正在尝试制作一个非常基本的HTML5/jQuery旋转脚本。代码如下：

$(document).find("[data-rot]").each(function(i, e) {
        var rotation = $(this).attr("data-rot");
        console.log(i+' '+rotation);
        $(this).css({ '-moz-transform': rotation, '-webkit-transform': rotation });
});

和HTML：

<div data-rot="90">Rotate me 90 degrees</div>
<div data-rot="20">Rotate me 20 degrees</div>
<div data-rot="180">Rotate me 180 degrees</div>
<div data-rot="300">Rotate me 300 degrees</div>

我做错了什么？console.log()起作用了。

jquery

html

css

回答 2

Stack Overflow用户

发布于 2011-10-10 02:09:04

尝试将transform属性的值设置为rotate(90deg)，而不仅仅是一个数字，依此类推。除了旋转之外，还有更多的CSS转换函数，请参阅更多here。

票数 2

Stack Overflow用户

发布于 2011-10-10 02:12:05

用法：$(this).css({ '-moz-transform': rotation+"deg", '-webkit-transform': rotation+"deg"})

基本上，您需要将旋转设置为"xdeg"，而不是"x“。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7705436

复制

相似问题

问为什么这个简单的jQuery脚本不起作用？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么这个简单的jQuery脚本不起作用？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么这个简单的jQuery脚本不起作用？
EN