Проблема заключается в том, что обработчик событий, назначенный на элемент с классом .nav-link-mobile
, не срабатывает, потому что этот элемент не существует на момент назначения обработчика.
Можно использовать делегирование событий. То есть, вместо того, чтобы назначать обработчик событий на элемент с классом .nav-link-mobile
, можно назначить обработчик на родительский элемент, который уже существует на момент назначения обработчика.
Например, если родительский элемент имеет класс .nav-links-container
, то можно использовать следующий код:
// Назначить обработчик на родительский элемент .nav-links-container
on('click', '.nav-links-container', function(e) {
// Проверить, что кликнули на элемент с классом .nav-link-mobile
if (e.target.matches('.nav-link-mobile')) {
// Тут код для обработки клика на элементе .nav-link-mobile
}
});
on()
у тебя используется... Так желательно делать полные тестовые примеры. Иначе не понятно что там у тебя делается...