Como llamar correctamente a una funcion jquery desde Javascript

[pedromir]

La función cambiarImgGr() entonces quedaría de esta manera

Código Javascript:

function cambiarImgGr(imagen, title) {
 
  var imagenGr= document.getElementById('imgGr') 
  imagenGr.src = "" + imagen +"";
  
  var elemento = document.getElementById('titulo');
  elemento.innerHTML = title; 
 
}
 

Y fuera de la función vendría el jQuery con la llamada a la función cambiarImgGr()

Código Javascript:

$("a.galeria").click(function(e){
         e.preventDefault();
 
     $("a.galeria").removeClass("active");
     $(this).addClass("active")
 
     var imagen = this.getAttribute('data-imagen'); //o con Jquery sería var imagen = $(this).data('imagen');
     var title = this.getAttribute('data-title'); //o con Jquery sería var title = $(this).data('title');
 
     cambiarImgGr(imagen, title);
 });
 

Pues si esto es correcto y lo he hecho todo bien, no funciona, al pinchar en cualquier enlace NO se pone active y la página se va al principio, he quitado de la clase la función pedro y he puesto directamente "galería" y tampoco va