...

View Full Version : jQuery AJAX Pagination Fade Effect Not Working



griffinjt
03-01-2011, 04:46 AM
Hello,

I have the following script below that will allow me to have AJAX pagination. The AJAX pagination part works fine, but the fadeOut/fadeIn functions do not work at all. I'm not sure what I am doing wrong here, so I would like some help to get this working.


<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.numbered_nav a').live('click', function(){
var link = jQuery(this).attr('href');
jQuery('#archive_wrapper').fadeOut(500).load(link+' .portfolio-archives', function(){ jQuery('#archive_wrapper').fadeIn(500); });
});
});
</script>

Your help is appreciated!

Thomas

harbingerOTV
03-01-2011, 01:47 PM
Try this and see if it works.



<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.numbered_nav a').live('click', function(){
var link = jQuery(this).attr('href');
jQuery('#archive_wrapper').fadeOut(500, function(){
jQuery('#archive_wrapper').load(link+' .portfolio-archives', function(){
jQuery('#archive_wrapper').fadeIn(500);
});
});
});
});
</script>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum