How to get DIVs into this code via JQuery
Posted
by ludz
on Stack Overflow
See other posts from Stack Overflow
or by ludz
Published on 2010-03-31T10:47:06Z
Indexed on
2010/03/31
11:23 UTC
Read the original article
Hit count: 345
Heya everyone
I been struggling along with this piece of code for the longest time, its driving me insane. I am trying many different things and looking at past posts here but nothing seems to be helping.
Basicly i have a jquery pagination code in place and i want to add animated transitions between pages. With some assistance i got that working correctly however this causes the page to jump around as the new items fade in and out. To fix this i need a DIV wrapped around each selection of results. I have been trying to use .wrap .html .wrapinner .append and i cant get any of it to work properly.
The 2 areas where i beleive the code needs to be place are as follows:
$('#content').children().slice(0, show_per_page).css('display', 'block');
and
$('#content').children().fadeOut('slow').slice(start_from, end_on).fadeIn('slow');
Full original code: http://tutsvalley.com/tutorials/making-a-jquery-pagination-system/
Only the second line of code posted here has been altered.
Basicly i want to wrap each group of sliced output in a DIV.
I hope that makes sense, if you need anymore information please let me know. Any ideas or suggestions on what to try it would be much apreciated as its currently driving me crazy :)
Ludz~
© Stack Overflow or respective owner