Wavify javascript код не работает в WordPress (Uncaught TypeError: Невозможно прочитать свойство 'getBoundingClientRect' из NULL)

Question

В настоящее время я реализую TweenMax для использования wavify в wordpress, но Uncaught TypeError: Невозможно прочитать свойство 'getBoundingClientRect' из null. Выводится ошибка и причина неизвестна.

Источник страницы

Из этого изображения видно, что TweenMax и wavify были загружены, но

в HTML

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs></defs><path id="myID" d=""/></svg>

в javascript

// For Vanilla JavaScript
var myWave = wavify( document.querySelector('#myId'), {
    height: 60,
  bones: 3,
  amplitude: 40,
  color: 'rgba(150, 97, 255, .8)',
  speed: .25

})

Я ввел код выше. Код TweenMax работает, но wavify не работает. Выводится ошибка «Uncaught TypeError: Невозможно прочитать свойство 'getBoundingClientRect' of null". Есть ли какая-либо возможная причина?

Большое спасибо.

Answer 1

window.onload = function () {
// For Vanilla JavaScript
var myWave = wavify (document.querySelector ('# myId'), (
   height: 100,
   bones: 3,
   amplitude: 40,
   color: 'rgba (150, 97, 255, .8)',
   speed: .25
})
}

Я решил это, добавив javascript код волны в window.onload = function {}.

В конце концов, похоже, что это было время чтения.