Почему я не могу установить -ms-transform с помощью jQuery? - PullRequest
Новая
       2

Почему я не могу установить -ms-transform с помощью jQuery?

2 голосов
/ 25 июня 2011

Это код для всей моей страницы.Div вращается в Firefox (как и ожидалось), но не в IE9.Установка свойства -ms-transform с помощью обычного CSS заставляет div вращаться, поэтому проблема, похоже, связана с попыткой установить свойство с помощью jQuery.Кто-нибудь знает, что происходит? 

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" charset="utf-8" src="/jquery-latest.pack.js"></script>
<script>    
    $(function(){
        $("#divid").css("-ms-transform", "rotate(-90deg)");   // For IE9
        $("#divid").css("-moz-transform", "rotate(-90deg)");  // For Firefox
    });
</script>
</head>
<body>
    <div id="divid">Foo</div>
</body>
</html>

Ответы [ 3 ]

4 голосов
/ 25 июня 2011

Для этого может быть проще использовать класс CSS: 

.rotated {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

------

jQuery(function ($) {
    $('#divid').addClass('rotated');
});
3 голосов
/ 25 июня 2011

На самом деле, вы можете! : -) 

$('#divid').css({ msTransform: 'rotate(-90deg)' }); // for IE9

Очень актуально IE9: почему настройка "-ms-transform" работает из css, а не с jquery.css ()

0 голосов
/ 25 июня 2011

Это может быть актуально: http://bugs.jquery.com/ticket/8346

Тот, кто сообщил об этом с помощью jQuery.cssHooks : 

jQuery.cssHooks["MsTransform"] = {
    set: function( elem, value ) {
        elem.style.msTransform = value;
    }
};

$("#divid").css("MsTransform", "rotate(-90deg)");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...