Question

我的bootpag没有加载分页。我花了几个小时检查其余代码并且它运行良好。问题是我无法弄清楚为什么没有bootpag加载。这是我的代码：

dashboard.php //用户信息中心

<?php
session_start();
......

......
$pages = ceil($get_total_rows[0]/$item_per_page);
?>

<html>
<head>

<!-- Latest compiled and minified CSS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="js/js_user.js"></script>


<script type="text/javascript">
$(document).ready(function() {
 $("#results").load("views/apps/get_apps_record.php");  //initial page number to load



 $(".paging_link").bootpag({
    total: <?php echo $pages; ?>
 }).on("page", function(e, num){
  e.preventDefault();
  $("#results").prepend('<div class="loading-indication"><img src="ajax-loader.gif" /> Loading...</div>');
  $("#results").load("views/apps/get_apps_record.php", {'page':num});
 });

});
</script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>Dashboard</title>

</head>

<body>

//loading the apps.php here

  ....
<script src="js/jquery-1.12.4.min.js"></script>
....
</body>
</html>

apps.php //分页在这里

...

    <div id="results" class="list-group"></div>
    <div class="paging_link"></div>
....

在#results中正在加载输出但是分页没有显示。有什么想法吗？

Answer 1

失踪：

  <script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>

面掌!!!“

Answer 2

我认为你拼错了。

请在头上添加您的css文件
添加jquery，然后
添加bootstrap.min.js，然后添加
添加自定义js脚本

js bootpag没有加载分页

2 个答案: