Использование EnjoyHint в ASP.NET

В своем проекте ASP.NET я часто добавляю новый, не интуитивный для пользователя функционал, и решил, что было бы рационально добавить возможность пройти быстрое обучение по сайту. Для этого подключаю к своему проекту enjoyhint.js. Сам пакет EnjoyHint установил через npm и подключил пакеты дополнений в такой последовательности:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="Content/css/jquery.enjoyhint.css"></script>
<script src="Content/js/enjoyhint.js"></script>

При использовании в коде появились некоторые проблемы: вызов функции, которая задействует класс, бросает исключение: TypeError: $body.enjoyhint is not a function (тег script с enjoyhint() вложен в body). Функция с проблемой ниже.

<script lang="ja">
    function guide() {
            try {
                //alert('Функция Enjoyhint');
                var enjoyhint_instance = new EnjoyHint({}); //Строка с ошибкой
                var enjoyhints = [
                    {
                        'click .btnGuide': 'Click the button to start creating your project'
                    }
                ];
                enjoyhint_instance.set(enjoyhints);
                enjoyhint_instance.run();
            } catch (error) {
                alert(error);
            }
        }
</script>

С кодом и использованием разбирался с использованием всех доступных ресурсов — объявление такое же, как у всех, поэтому уже даже не подозреваю где копать.


Ответы (0 шт):