В моем проекте слишком много контента на одной странице.
Я хочу разбить содержимое на страницы по одному.
Так что я загружаю плагин jquery.pagination.js.
Вот мой код:
<head>
<meta charset="UTF-8">
<title>TITLE</title>
<link rel="stylesheet" href="../css/format.css" media="screen">
<link rel="stylesheet" href="../css/owl.carousel.css">
<link rel="stylesheet" href="../css/owl.theme.css">
<link rel="stylesheet" href="../css/main.css" media="screen">
<script src="../js/jquery_min.js"></script>
<script src="../js/jquery.svg.min.js"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/jquery.pagination.js"></script>
</head>
<body>
<div class="newscontainer cb">
<div class="pageleft fL">
<a href=''>
<img class='fL' src='20190703-1.png' alt=''>
<div class='newsLBox fL'>
<p class='newscontent'>
1. ad
</p>
</div>
</a>
<a href=''>
//so many a tag
.......
</a>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
//when i delete this part, the page is OK
$('.pageleft fL').pagination({
callback: function (api) {
$('.now').text(api.getCurrent());
}
}, function (api) {
$('.now').text(api.getCurrent());
});
});
</script>
</body>
</html>
Но это не повезло, это неправильно. мое изображение 20190703-1.png исчезнет. кто может мне помочь?