animsition icon indicating copy to clipboard operation
animsition copied to clipboard

Page doesn't fade out

Open virik opened this issue 8 years ago • 9 comments

How come our page doesn't fadeout? Is it because of WordPress?

http://wp.mementor.no/

virik avatar Mar 12 '16 16:03 virik

I have the same problem but only on safari, in Chrome or Firefox it works. Does it have anything to do with the fact that some JQuery animation functions are depreciated?

Runehm avatar Mar 16 '16 19:03 Runehm

Our site doesn't fade out in any of the browsers. It only fades in.

virik avatar Mar 19 '16 12:03 virik

This happens after I update to the latest jQuery version 1.12.2!! Any solution !!

sleeman avatar Mar 20 '16 12:03 sleeman

for me a restart did the trick.

Runehm avatar Mar 22 '16 19:03 Runehm

@Runehm Can you explain how, please !

sleeman avatar Mar 22 '16 19:03 sleeman

@virik

This is what you currently have in your custom.js file:

$('.animsition').animsition({ inClass: 'fade-in', outClass: 'fade-out', inDuration: 1500, outDuration: 1500 });

I believe this is what you need:

$('.animsition').animsition({ inClass: 'fade-in', outClass: 'fade-out', linkElement: 'a:not([target="_blank"]):not([href^=#])', inDuration: 1500, outDuration: 1500 });

Let me know if this works for you. Anyone else that's having this issues you need to make sure that you fill out the linkElement property. Hopes this helps.

jgoslinga avatar Mar 23 '16 05:03 jgoslinga

Thanks for that @jgoslinga

ahmadawais avatar Oct 24 '16 13:10 ahmadawais

You probably missed '.' in linkElement property: linkElement: '.animsition-link' instead of linkElement: 'animsition-link'

SergeyScherbo avatar Sep 12 '17 10:09 SergeyScherbo

Confirmed: linkElement: 'a:not([target="_blank"]):not([href^=#])',

Changing Jquery made no difference. Glad this was top Google.

anormore avatar Mar 06 '18 22:03 anormore