title: iDangerous Swiper – Multiple Instances
body: <p>I am trying to add multiple instances of the iDangerous Swiper on a single page jquery mobile site. It seems that after a page is changed using Ajax the swiper's pagination and order get out of whack. Also it seems to lose track of the item count. So, say there's 6 divs in the swiper, you change to another page and return, the pagination will show 8 items. </p>
  
  <p>By default the swiper will not work at all but I managed to find hack by adding this after each "data-role='page'" element:</p>
  
  <pre><code>&lt;script&gt;
          $("#pagename").on('pageshow', function(){
              $('#pagename .swiper-container').each(function(){
                  var swiper = new Swiper('.swiper-one', {pagination : '.pagination-one', createPagination: true  ,loop:true, grabCursor: true});
              });
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I get this working? I need 6 different swipers on a single page jquery site.</p>
  
  <p>I thinking I need to do some kind of refresh after the page transition. Something that will remove all other instances of the Swiper.</p>
  
  <p>ANy ideas?</p>