The plugin isn't being initialized at all, you need to wrap swiper code in pageshow
and only one time .one()
. Second of all, place JS libraries in head
.
<head>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="js/idangerous.swiper-2.1.min.js"></script>
<script>
$(document).one("pageshow", "#page2", function () {
var mySwiper = new Swiper('.swiper-container',{
pagination: '.pagination',
paginationClickable: true,
loop: true
});
});
</script>
</head>