Я просто пытаюсь показать загрузочный gif, когда вы нажимаете любую из верхних / главных ссылок на моем сайте по адресу http://www.reverbstudios.ie. Это работает, но только для первого клика. Последующие клики не показывают загрузочный GIF.
Вот код, который я получил с другого сайта, я очень мало знаю о jQuery / Ajax / Javascript:
var AjaxContent = function(){
var container_div = '';
var content_div = '';
return {
getContent : function(url){
$(container_div).animate({opacity:0}, //Turn the opacity to 0
function(){ // the callback, loads the content with ajax
$(container_div).find("#loading").show();
$(container_div).load(url+" "+content_div, //only loads the selected portion
function(){
$(container_div).animate({opacity:1}); //and finally bring back the opacity back to 1
$(container_div).find("#loading").hide();
}
);
});
},
ajaxify_links: function(elements){
$(elements).click(function(){
$('#loading').show();
AjaxContent.getContent(this.href);
return false; //prevents the link from beign followed
});
},
init: function(params){ //sets the initial parameters
container_div = params.containerDiv;
content_div = params.contentDiv;
return this; //returns the object in order to make it chainable
}
}
}()
/* Ajax Content Loading Controls */
$(function(){
AjaxContent.init({containerDiv:".content_background",contentDiv:"#text"}).ajaxify_links("#nav a");
});