Использование 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>
С кодом и использованием разбирался с использованием всех доступных ресурсов — объявление такое же, как у всех, поэтому уже даже не подозреваю где копать.