Упрощение кода Jquery

Question

Упрощение кода Jquery

0

Я новичок в jQuery и экспериментирую со следующим.

var datastartscale = $(this).attr('data-start-scale');

$(this).css({'transform': 'scale(' + datastartscale + ')',
             '-ms-transform': 'scale(' + datastartscale + ')',
             '-webkit-transform': 'scale(' + datastartscale + ')',
             '-moz-transform': 'scale(' + datastartscale + ')'});

Я пытаюсь поместить данные css в переменную без успеха. Мне нужно вызвать эту переменную несколько раз, поэтому сохранение всех этих данных в переменной было бы наиболее идеальным.

var properties = "'transform': 'scale(' + datastartscale + ')','-ms-transform': 'scale(' + datastartscale + ')','-webkit-transform': 'scale(' + datastartscale + ')','-moz-transform': 'scale(' + datastartscale + ')'";

и тогда я бы написал:

 $(this).css({properties});

Какие-либо предложения?

благодаря

CreativelyCoded 21 янв. 2014, в 18:09

Источник

0

Почему бы и нет: var properties = {'transform': 'scale(' + datastartscale + ')','-ms-transform': 'scale(' + datastartscale + ')','-webkit-transform': 'scale(' + datastartscale + ')','-moz-transform': 'scale(' + datastartscale + ')'};
Mister Epic 21 янв. 2014, в 16:43

Теги:

jquery

function

variables

3 ответа

0

Просто сделайте

var properties = {'transform': 'scale(' + datastartscale + ')',
         '-ms-transform': 'scale(' + datastartscale + ')',
         '-webkit-transform': 'scale(' + datastartscale + ')',
         '-moz-transform': 'scale(' + datastartscale + ')'}

а также

$(this).css(properties);

njzk2 21 янв. 2014, в 15:34

1

Вьющиеся скобки вокруг properties в вызове .css() не должны быть там.
Peter Herdenborg 21 янв. 2014, в 16:45
0

Вы правы, это прекрасно работает, как только я убрал фигурные скобки вокруг $ (this) .css ({properties}); $ (this) .css (свойства);
CreativelyCoded 21 янв. 2014, в 16:52

0

Переменная должна содержать объект, как и аргумент функции, а не строку:

var properties = {'transform': 'scale(' + datastartscale + ')',
                  '-ms-transform': 'scale(' + datastartscale + ')',
                  '-webkit-transform': 'scale(' + datastartscale + ')',
                  '-moz-transform': 'scale(' + datastartscale + ')'};

Barmar 21 янв. 2014, в 14:23

Ещё вопросы

Почему бы и нет: var properties = {'transform': 'scale(' + datastartscale + ')','-ms-transform': 'scale(' + datastartscale + ')','-webkit-transform': 'scale(' + datastartscale + ')','-moz-transform': 'scale(' + datastartscale + ')'};
Вьющиеся скобки вокруг properties в вызове .css() не должны быть там.
Вы правы, это прекрасно работает, как только я убрал фигурные скобки вокруг $ (this) .css ({properties}); $ (this) .css (свойства);

Karl-André Gagnon · Accepted Answer · 2014-01-21T14-19-00.000Z

Вы должны сохранить свойства как объект:

var properties = {'transform': 'scale(' + datastartscale + ')',
                  '-ms-transform': 'scale(' + datastartscale + ')',
                  '-webkit-transform': 'scale(' + datastartscale + ')',
                  '-moz-transform': 'scale(' + datastartscale + ')'
                 }
$(this).css(properties);

Спасибо, это прекрасно работает, мне также нравится твое форматирование, намного легче следить, чем мое.