Не работает простая ссылка. Появление ошибки при клике по ссылке. Как исправить?

Question

[error401]

Появилась непонятная ошибка при клике по ссылке. Заметил это после того, как заменил заглушку в ссылке.
Т.е., пока верстал сайт, ссылка была такого вида:
<a href=# class="ssilka"> Link </a>

Потом, вместо "#" поставил нормальную ссылку на регистрацию в ЛК и заметил, что ссылка не открывается при клике на неё левой кнопкой мыши. Перейти по ней можно только с помощью ПКМ -> открыть в новом окне. Что за ерунда? Код написан абсолютно верно, никаких ошибок нет.

Привожу пример кода:

<ul> 
<li><a href="https://пример-ссылки" class="left-but">Become our partner</a></li> 
</ul>

Далее, в консоли обнаружил такую фигню. При каждом клике по ссылке ЛКМ, консоль добавляет новую ошибку. Т.е. 1 клик = +1 ошибка. Вот скриншот консоли:



Что делать, как быть? Первый раз сталкиваюсь с таким.

Comments

[FeST1VaL]

Кстати нашел похожую проблему у другого человека... он делал на бутстрапе выпадающее меню... но он так и не решил проблему)

[error401]

Артем Будин, да, ставил скрипт для якорей. Но писал его не сам, взял где-то с интернетов. Вот его код. Может оцените, может ли быть ошибка из-за него?

$(document).ready(function(){
    $("#first-block").on("click","a", function (event) {
        event.preventDefault();
        var id  = $(this).attr('href'),
            top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 1500);
    });
});

[Yustas Alexu]

Ошибка происходит где-то в недрах jquery и для того, чтобы понять причину надо хотя бы поменять сжатый jquery на несжатую версию.

[FeST1VaL]

error401, ну вот в нем и была походу ошибка. Тк он брал у тебя все ссылки, как я и говорил выше, но удалил тк все же грешил на бутстрап)))

Answer 1

[Andrew]

$(document).ready(function(){
    $("#first-block").on("click","a", function (event) {
        event.preventDefault();
        var id  = $(this).attr('href'),
            top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 1500);
    });
});

если у вас не получается понять в чем проблема, выводите в console.log(все пункты)
у вас id = реальной ссылке, не якорю, он пытается до неё проскроллить и не может...
вот так попробуйте

$(document).ready(function(){
    $("#first-block").on("click","a[href^='#']", function (event) {
        event.preventDefault();
        var id  = $(this).attr('href'),
            top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 1500);
    });
});

Comments

[error401]

Ваш код помог сделать так, что бы открывалась ссылка. Но теперь перестала работать плавная прокрутка. т.е. ссылка якорь моментально скроллит к нужному месту, без анимации прокрутки. А она нужна. Может вы меня и второй раз спасёте?)

[Andrew]

error401, поправил ответ

[error401]

И вот какую ошибку с вашим кодом выдаёт:

[error401]

Andrew, дружище, респект тебе огромнейший. отметил решением. Все ошибки пропали, ссылки открываются, скролл работает!

Answer 2

[Александр Баранчугов]

Проблема тут:

var id  = $(this).attr('href'),
     top = $(id).offset().top;

Ты получаешь id как значение атрибута href ссылки, далее полученное значение id ты подставляешь сюда: $(id).

Сама ошибка говорит о том, что значение id не подходит для использования в качестве селектора.
Проверь какие значения ты используешь для атрибута href

p.s.

In the first formulation listed above, jQuery() — which can also be written as $() — searches through the DOM for any elements that match the provided selector and creates a new jQuery object that references these elements: