назначить CSS через jQ - синтаксис

0

Я пытаюсь назначить свойства css через jQuery и использовать ярлык var

var abc = 'visibility: \'hidden\', opacity: 0';
$('#ele').children().css({ abc });

но он не принимает имя abc var во второй строке, я получаю Неожиданный токен в консоли. как мой синтаксис неверен?

  • 0
    Ваша строка CSS в abc не является допустимым форматом любого известного контекста настройки стиля. Вы только что сделали это или что-то в этом роде?
Теги:

2 ответа

3
Лучший ответ

Вы должны сделать свой abc var похожим на следующее:

var abc = {'visibility':'hidden','opacity':0};

а затем передать его в функцию css следующим образом:

$("#ele").children().css(abc);

Первая строка - это "хэш" или "словарь", где вы присваиваете внутренние ключи значениям - вызывая {abc} на второй строке, которую вы вызываете {{....}}, что неверно.

1

Если вы по какой-то причине должны назначить свой начальный var как строку - используйте JSON.parse для преобразования его в объект:

var abc = '{"visibility": "hidden", "opacity": 0}';

$('#ele').children().css(JSON.parse(abc));

В противном случае используйте решение @EmileVictor, сделав его объектом с самого начала.

  • 0
    хороший совет, спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню