Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    AJAX Pagination Fade Effect Not Working

    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.

    Code:
    <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

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Try this and see if it works.


    Code:
    <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>
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •