[jQuery] FlexBox Plugin Not Paging
[Synopsis]
Dynamic 20 count list. Need displayed 5 results per page. 4 pages
total.
[Currently]
Data comes back good. Initial Display count good. Summary info and
page count good.
[Problem]
Scroll bars appear that show all 20 results. There should be no scroll
bars. There should be only 5 initial results.
More importantly, paging is not working. Scroll bars just remain at
top of page.
-Expected Results: Something like example #2. See,
http://www.fairwaytech.com/flexbox/Demos.aspx
[Code Snippets]
[css]
<link rel="stylesheet" type="text/css" media="screen" href="css/
jquery.flexbox.css"/>
[xhtml]
<div id="ffb"></div>
[js]
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.flexbox.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('#ffb').flexbox('fb_data.php', {
width: 450,
paging: {pageSize: 5}
});
}); //document.ready
</script>
[PHP 5.2: fb_data.php]
<?php
$results = array("total" => "20",
"results" => array(
array("id"=>"1","name"=>"Ant"),
array("id"=>"2","name"=>"Bear"),
array("id"=>"3","name"=>"Cat"),
array("id"=>"4","name"=>"Dog"),
array("id"=>"5","name"=>"Elephant"),
array("id"=>"6","name"=>"Fox"),
array("id"=>"7","name"=>"Guinea Pig"),
array("id"=>"8","name"=>"Horse"),
array("id"=>"9","name"=>"Iguana"),
array("id"=>"10","name"=>"Jaguar"),
array("id"=>"11","name"=>"Kangaroo"),
array("id"=>"12","name"=>"Lion"),
array("id"=>"13","name"=>"Monkey"),
array("id"=>"14","name"=>"Nanook"),
array("id"=>"15","name"=>"Orangoutan"),
array("id"=>"16","name"=>"Pig"),
array("id"=>"17","name"=>"Qgo"),
array("id"=>"18","name"=>"Rabbit"),
array("id"=>"19","name"=>"Snake"),
array("id"=>"20","name"=>"Tapir")
)
);
$results = json_encode($results);
echo $results;
/* End of file fb_data.php */
/* Location: ./ */
Please...Why is paging not working?
Thanks in Advance,
Magi