Problema con jquery

Hola a todos, a ver les comento lo que me pasa, hago un script simple en jquery:

Código Javascript :

$(document).ready(function(){
   $('#galeria_cont').click(function() {
  $(this).slideUp('slow', function() {
  });
});   
});

este efecto tiene que ir en varios htmls del mismo sitio, ej: index, empresa, contacto... etc,

La cuestion es que me sirve solo en el index pero cuando llamo a la otra pagina via .load() , el efecto ya no funciona.
Los scripts que uso los tengo todos en un archivo que se llama funciones.js. y los llamo al html por medio del

Código HTML :

<script type="text/javascript" src="js/funciones.js"></script>

Si me pueden ayudar se los agradesco. saludos

Hola,

este problema viene porque cuando cargas a través de load no estás cargando el document, por lo que JQuery no lanza la función ready.

Para solucionar esto, debes crearte otra función que haga esto mismo pero que se lance al finalizar el .load, en lugar de poner en cada página el $(document).ready.

Para facilitar esto mismo, la función .load tiene el último argumento que es una función que se lanzará al finalizar la carga. Te dejo el enlace a la API http://api.jquery.com/load/

Un saludo

Ok, gracias pruebo y comento. Saludos