Установить CSS -moz-переход с JS

Я делаю webapp, и я использую CSS3 для преобразования div, но у меня большая проблема с Firefox. Я могу заставить Chrome, Opera и IE работать, но firefox нет. Для того, чтобы установить рабочие браузеры я использую:Установить CSS -moz-переход с JS

obj.style.WebkitTransform = "translateX(17%)"; 
obj.style.MozTransform= "translateX(17%)"; //edited 
obj.style.msTransform = "translateX(17%)"; 
obj.style.transform= "translateX(17%)"; //edited

Я попытался JQuery $ ("# содержание") CSS ("-moz-преобразование", "translateX (17%)");. и много чего я нашел в Интернете и ничего. Любой sugestion?

EDIT: В контексте, это оригинальная функция:

function mousewheelEvt(obj) { 

    if (window.addEventListener) 
     window.addEventListener('DOMMouseScroll', wheel, false); 
    window.onmousewheel = document.onmousewheel = wheel; 

    var slide=0; 

    function wheel(event) { 
     var delta = 0; 
     if (!event) event = window.event; 
     if (event.wheelDelta) { 
      delta = event.wheelDelta; 
      if (window.opera) delta = -delta; 
     } 
     if (delta) 
     { 

      if (delta < 0 && slide<=0 && slide>-6) 
       { 
        slide--; 
        console.log(slide); 
       obj.style.WebkitTransform = "translateX("+(17*slide/2)+"%)"; 
       obj.style.MozTransform = "translateX("+(17*slide/2)+"%)"; 
       obj.style.msTransform = "translateX("+(17*slide/2)+"%)"; 
       obj.style.transform = "translateX("+(17*slide/2)+"%)"; 
       } 

      else if (delta > 0 && slide<=-1 && slide>=-6) 
       { 
        slide++; 
        console.log(slide); 
       obj.style.WebkitTransform = "translateX("+(17*slide/2)+"%)"; 
       obj.style.MozTransform = "translateX("+(17*slide/2)+"%)"; 
       obj.style.msTransform = "translateX("+(17*slide/2)+"%)"; 
       obj.style.transform = "translateX("+(17*slide/2)+"%)"; 
       } 
     } 
    } 
}

источник

2013-07-11 Paulo Neves

Что показывает журнал? И «obj» проходит, как ожидалось? – Ryan

Просто чтобы убедиться, что код, который делает набор '.style.transform' установлен в Firefox? –

Ну, вы переключаясь между «переходом» и «преобразование». Даже в вашем вопросе.

obj.style.WebkitTransform = "translateX(17%)"; 
obj.style.MozTransform = "translateX(17%)"; 
obj.style.msTransform = "translateX(17%)"; 
obj.style.transform = "translateX(17%)";

источник

2013-07-11 01:56:13 Ryan

Да, ты прав. Но продолжайте работать. Я сделал эту ошибку, пытаясь решить проблему. –

@PauloNeves: Может быть, у нас есть какой-то контекст, пожалуйста? Например, ваш HTML и код, который получает 'obj'? – Ryan

Да, см. Мой первый пост, пожалуйста. –

Извините, моя проблема связана с функцией mousewheel, а не с css. Я рационализировал его, когда начал работать с swipes.

источник

2013-07-11 14:48:30

Установить CSS -moz-переход с JS

ответ

Смежные вопросы