<h2 id="example-simple">Simple example</h2> <ul> <li>Init with 5 pages.</li> <li>Change total to 10 on page select.</li> </ul> <div class="bs-docs-example"> <p class="well demo content1"> Dynamic content here. </p> <p class="demo demo1"></p> </div> <h3>Source</h3> <pre class="prettyprint linenums languague-js">$('.demo1').bootpag({ total: 5 }).on("page", function(event, num){ $(".content").html("Page " + num); // or some ajax content loading... // ... after content load -> change total to 10 $(this).bootpag({total: 10, maxVisible: 10}); });</pre>

<h2 id="example-simple">Simple example</h2> <ul><li>Init with 5 pages.</li> <li>Change total to 10 on page select.</li> </ul><div class="bs-docs-example"> <p class="well demo content1"> Dynamic content here. </p> <p class="demo demo1"></p> </div> <h3>Source</h3> <pre class="prettyprint linenums languague-js">$('.demo1').bootpag({ total: 5 }).on("page", function(event, num){ $(".content").html("Page " + num); // or some ajax content loading... // ... after content load -&gt; change total to 10 $(this).bootpag({total: 10, maxVisible: 10}); });</pre>