bug fixes and pagination only aplied to visible items

Author: luis-almeida

README.md

@@ -4,20 +4,21 @@ jPages is a client-side pagination plugin but it gives you a lot more features c
 Apart from all its features, the main diference for the other pagination plugins is that with jPages you can create as many navigation panels as you want and you can choose exactly where to place them.
 The plugin is very unobtrusive and it won't apply any extra styles to the items you are paginating. It will only create and insert the links inside the element(s) you are applying the plugin to, in order to turn them into navigation panel(s).
 
-Visit jPages [Project page](http://luis-almeida.github.com/jPages/)
+Visit jPages [project page](http://luis-almeida.github.com/jPages/)
 
 
 
 Browser compatibility (tested):
 
-IE7+,
-Chrome (current version),
-Firefox (current version),
-Safari (current version),
+IE7+ 
+Chrome (current version) 
+Firefox (current version) 
+Safari (current version) 
 Opera (current version)
 
 
 
 Release log:
 
+Bug fixes and pagination only aplied to visible items - v0.2 (20.03.2012)
 First release - v0.1 (26.01.2012)

callback.html

@@ -40,7 +40,7 @@
 /* when document is ready */
 $(function() {
 
-    /* initiate pugin */
+    /* initiate plugin */
     $("div.holder").jPages({
         containerID : "itemContainer",
         callback    : function( pages, items ){

customizebuttons.html

@@ -40,7 +40,7 @@
 /* when document is ready */
 $(function() {
 
-    /* initiate pugin assigning the desired button labels  */
+    /* initiate plugin assigning the desired button labels  */
     $("div.holder").jPages({
         containerID : "itemContainer",
         first       : "first",

defaults.html

@@ -40,7 +40,7 @@
 /* when document is ready */
 $(function() {
 
-    /* initiate pugin */
+    /* initiate plugin */
     $("div.holder").jPages({
         containerID: "itemContainer"
     });

destroy.html

@@ -40,7 +40,7 @@
 /* when document is ready */
 $(function() {
 
-    /* initiate pugin */
+    /* initiate plugin */
     $("div.holder").jPages({
         containerID : "itemContainer"
     });

documentation.html

@@ -94,9 +94,9 @@ <h2>Demos</h2>
 
     	<h2 style="margin-top: 0;">Options</h2>
 
-		<h3>container <span>String</span></h3>
+		<h3>containerID <span>String</span></h3>
 		<strong>Default value:</strong> <i>Required! (No default)</i>
-		<p>jQuery selector of the container of the items you want to paginate. It can be an UL, OL, DIV etc.</p>
+		<p>The ID of the container of the items you want to paginate. It can be an UL, OL, DIV etc.</p>
 
         <h3>first <span>String || false</span></h3>
     	<strong>Default value:</strong> <i>false</i>

gallery.html

@@ -39,7 +39,7 @@
     <script> 
     $(function() {
 
-        /* initiate pugin */
+        /* initiate plugin */
         $("div.holder").jPages({
             containerID : "thumbs",
             perPage     : 5,

itemsperpage.html

@@ -40,7 +40,7 @@
 /* when document is ready */
 $(function() {
 
-    /* initiate pugin */
+    /* initiate plugin */
     $("div.holder").jPages({
         containerID : "itemContainer",
         perPage : 5

js/jPages.js

@@ -46,8 +46,9 @@
         this._previous = $( this.options.previous );
         this._next = $( this.options.next );
         this._last = $( this.options.last );
-
-        this._items = this._container.children();
+        
+        /* only visible items! */
+        this._items = this._container.children(":visible");
         this._itemsShowing = $([]);
         this._itemsHiding = $([]);
 
@@ -596,8 +597,6 @@
         };
 
         this._holder.unbind("click.jPages").empty();
-
-        delete instance;
     };
 
 
@@ -617,6 +616,9 @@
 
         if ( type === "string" && arg === "destroy" ) {
             instance.destroy();
+            this.each( function() {
+                $.removeData( this, name );
+            } );
             return this;
         };