jQuery -webkit-transform yAngle

Question

作为一个学习经验，我试图让en元素在点击链接时在其yAxis上旋转，但我没有运气。这是我正在使用的代码。有什么想法吗？

$('rotate').click(function(){

$('object').style.webkitTransform = "rotateY(90deg)";});

Answer 1

这不是在jQuery中应用CSS样式的方式。This is。

$('rotate').click(function ()
{
    $('object').css('-webkit-transform', 'rotateY(90deg)');
    // or this:
    // $('object').attr('style', '-webkit-transform: rotateY(90deg)');
});

Answer 2

.style不是jQuery对象属性，如果你想影响一个属性，可以像这样使用[0]：

$('.rotate').click(function(){
  $('.object')[0].style.webkitTransform = "rotateY(90deg)";
});

或者，为了影响所有人，可以使用.each()

$('.rotate').click(function(){
  $('.object').each(function() {
    this.style.webkitTransform = "rotateY(90deg)";
  });
});

请注意，您的选择器'rotate'和'object'正在寻找<rotate>和<object> elements...so，您需要相应地调整这些选择器，上面我正在寻找用于单击的class="rotate"，等等。

另一种更像jQuery的方式(对于自定义属性有争议)是.css()，如下所示：

$('.rotate').click(function(){
  $('.object').css("webkitTransform", "rotateY(180deg)");
});

You can test it here。

Answer 3

jQuery插件扩展了QTransform的jQuery，包括设置css转换。你可以写：$('object').rotate('30deg')；或者用$('object').animate({rotate:'+=30deg'，1000})；

http://plugins.jquery.com/project/QTransform