JavaScript: ввод кода CSS с использованием jQuery - PullRequest
Новая
       3

JavaScript: ввод кода CSS с использованием jQuery

0 голосов
/ 08 января 2020

Итак, я только начал разрабатывать список событий дергания с помощью своего рода API Streamlabs и, возможно, столкнулся с некоторыми трудностями при доступе к стилю корыта jQuery. sh Я пытаюсь создать .widget-EventList li:nth-child -s в зависимости от значения {max__events} и, кроме того, уменьшить степень непрозрачности. Конечно, я мог бы добавить эти классы вручную к CSS, и я сделал это первым, но там не было много динамических c и удобство для пользователя. Есть две функции, в которые я могу написать код:

Это проблематичная c функция, она вызывается при загрузке виджета: 

document.addEventListener('onLoad', function(obj) {

            $('.widget-EventList .message').css("background", "black"); // experimental, doesn't work either, tho

            var opMax = 1 / {max__events}; 
            for(var i = {max__events}; i <= 1; i++){ 
              let temp1 = 1 - opMax;
              $('.widget-EventList li:nth-child(' + i + ') div:last-child {}').insertAfter('.widget-EventList .message');
              $('.widget-EventList li:nth-child(' + i + ') div:last-child').css("color", "{font_color}");
              $('.widget-EventList li:nth-child(' + i + ') div:last-child').css("opacity", temp1);
              opMax++;
            }    
        });

Вот дополнительная функция, в которую я могу написать, она называется при получении события виджета: 

document.addEventListener('onEventReceived', function(obj) {

             $('.widget-EventList .message').css("background", "black"); // experimental, and works perfectly fine

       });

Это позиция, в которой он должен находиться: 

.widget-EventList .message {
  float: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 4.5 0.25em;
  display: inline-block;
}


/*style list-elements <<-----HERE----- */

Может быть, document.addEventListener('onLoad', function(obj)) загружается намного раньше, чем css даже загрузился? Что мне здесь не хватает?

...