Loading icon not showing during loading

[warudin]

Hi!

I'm trying to implement Animsition. It works almost fine, except for the loading icon. It's not directly showing up after clicking a link, only when the new page is almost completely loaded. I'm not sure where things are going wrong.

I've added the .animsition class to a wrapper div directly after the body tag, these are my settings:

jQuery(window).ready(function() {
	jQuery(".animsition").animsition({
		inClass: 'fade-in',
		outClass: 'fade-out',
		inDuration: 1500,
		outDuration: 800,
		linkElement: '.animsition-link',
		linkElement: 'a:not([target="_blank"]):not([href^="#"])',
		loading: true,
		loadingParentElement: 'body', //animsition wrapper element
		loadingClass: 'animsition-loading',
		loadingInner: '', // e.g '<img src="loading.svg" />'
		timeout: false,
		timeoutCountdown: 5000,
		onLoadEvent: true,
		browser: ['animation-duration', '-webkit-animation-duration'],
		// "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
		// The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
		overlay: false,
		overlayClass: 'animsition-overlay-slide',
		overlayParentElement: 'body',
		transition: function(url) {
			window.location.href = url;
		}
	});
});

[BearBritches]

I have same issue

[ystallonne]

for those with this issue, try:
loadingParentElement: 'html'

[aryabeth]

i got same issue,
it doesn't work @ystallonne