Boa tarde, estou desenvolvendo um site e utilizo boostrap 4 e o Jquery para funções como Smooth Scroll, entretanto quando utilizo o HREF para colocar um link qualquer, o console me apresenta um erro. Ao excluir o jquery tudo volta ao normal entretanto preciso dele para as funções, se alguém puder ajudar, agradeço desde já.
Trecho do Código:
’
'<li class="social"><a href="linkdosite"><i class="fab fa-facebook-square"></i></a></li>
'<li class="social"><a href="linkdosite"><i class="fab fa-instagram"></i></a></li>
'<li class="social"><a href="linkdosite"><i class="fab fa-twitter"></i></a></li>
Erro do console:
jquery-3.3.1.min.js:2 Uncaught Error: Syntax error, unrecognized expression: http://www.google.com.br at Function.oe.error (jquery-3.3.1.min.js:2) at oe.tokenize (jquery-3.3.1.min.js:2) at oe.select (jquery-3.3.1.min.js:2) at Function.oe [as find] (jquery-3.3.1.min.js:2) at w.fn.init.find (jquery-3.3.1.min.js:2) at new w.fn.init (jquery-3.3.1.min.js:2) at w (jquery-3.3.1.min.js:2) at HTMLAnchorElement.<anonymous> (index.html:411) at HTMLAnchorElement.dispatch (jquery-3.3.1.min.js:2) at HTMLAnchorElement.y.handle (jquery-3.3.1.min.js:2)
Minhas funções :
`$('nav a').click(function(e){
e.preventDefault(); /*Tirando pre-definiçoes do html */
var id = $(this).attr('href'), /* Pegando oque esta dentro da tag HREF */
targetOffset = $(id).offset().top, /* Descobrindo a distancia do ID do TOP */
menuHeight = $('nav').innerHeight();
$('html, body').animate({
scrollTop: targetOffset - menuHeight
}, 600); /* Tempo de transição */
});
$('a ').click(function(e){
e.preventDefault(); /*Tirando pre-definiçoes do html /
var id = $(this).attr(‘href’), / Pegando oque esta dentro da tag HREF /
targetOffset = $(id).offset().top, / Descobrindo a distancia do ID do TOP */
menuHeight = $(‘nav’).innerHeight();
$('html, body').animate({
scrollTop: targetOffset - menuHeight
}, 600); /* Tempo de transição */
});
$(document).ready(function(e){
$(window).scroll(function (){
valor = $(window).scrollTop();
if(valor > 720){
$('.barra-menu').css('box-shadow',"0px 2px 15px #353434",'background-color',"#000");
}else{
$('.barra-menu').css('box-shadow',"0px 0px 0px");
}
});
});
$(function() {
jQuery.scrollSpeed(100, 1000);
});
function msg(){
alert("Em breve entraremos em contato");
}
$(function () {
$(’[data-toggle=“popover”]’).popover();
})
$(function () {
$(’.example-popover’).popover({
container: ‘body’
})
})
`
Sou iniciante na área, se for um erro tosco me perdoem kkkk