Как корректно запустить скрипт heatmap.js?

Question

[weranda]

Есть скрипт heatmap.js и в попытках его «наладить» просрана куча времени. Я уже и не знаю как его запустить так, чтобы он отработал нормально. На Codepen я накидал код (подключил jquery + heatmap.

Хочу сделать так же, как и на главной странице в примере — водишь мышкой, появляется тепловой след. Мне надо как-то сделать так, чтобы этот скрипт работал по следующему алгоритму:

1. бертку для heatmap.js .heatmap-wrapper размещать внутри блока, в котором он должен чертить тепловые линии.
   
2. Можно было бы выделять текст, картинки и взаимодействовать с элементами.
   
3. У блока должен быть цвет (белый в примере).
   

Помогите решить задачу — то одно, то другое...совсем запутался. То ли я что-то делаю не так с JS, то ли с CSS, то ли со всем сразу. А вот в этой папке я пытался сделать все в файлах, но там проблемы с выделением текста.

Answer 1

[strelok011]

.heatmap-wrapper - добавь в стиль атрибут pointer-events: none;

Comments

[weranda]

>Добавил< Не сработало.

[strelok011]

Ну, в песочнице скрипт вообще сломан. В консоли полно ошибок.
Я локально файлы вытягивал, запускал в браузере, добавление атрибута помогало на рабочем скрипте.