Ajaxify-Plugin: Animations are not working correctly
Hello community,
I want to use the Ajaxify-Plugin (
http://maxblog.me/ajaxify/ ) for my new Website. It fits exactly my needs.
Sadly the animations are not working correctly.
When your Internet-connection is too fast, you don't see animations at all (on a local machine also). I putted up a demo:
http://www.otakumania.com/tmp/ajax/
The content is supposed to fade out, then the new content gets loaded and then this new content should fade in nicely again, like in my own example, which I got from a tutorial that is just using pure jQuery resources:
http://www.otakumania.com/tmp/ajax/index_2.html
WORKING CODE FROM MY OWN ATTEMPT:
-
$(document).ready(function() {
function load_page(name) {
$.get(name+".html", function(text){
$("#content").fadeOut('normal',function(){
$("#content").html(text).fadeIn('normal');
});
});
}
$("a").click(function(){
load_page(this.className);
return false
});
});
The author of the plugin himself is using a server delay to overcome
the sideeffect (
http://maxblog.me/ajaxify/demo.php - click some links under "New v2 features"), but i think that's the wrong way to go for
production.
Sadly im not good enough in JavaScript-programming to tweak the plugin by myself, to get it to work like in the second example... I tried it now for 6 hours
I would really like to use Ajaxify, because it has all the features I need united in it. The only thing that is not working are this animations
Can somebody maybe take a look at it?