【问题标题】:js bootpag not loading paginationjs bootpag没有加载分页
【发布时间】:2016-11-02 19:32:29
【问题描述】:

我的 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 中,正在加载输出,但没有显示分页。 有什么想法吗?

【问题讨论】:

  • 你包含 jquery 两次..请删除一个,它应该可以工作
  • 删除了最后一个但仍然没有加载
  • 你会做js小提琴吗
  • 我有很多代码和一个数据库,我需要 1-2 小时才能将其删除

标签: javascript php twitter-bootstrap-3 pagination


【解决方案1】:

失踪了:

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

掌心!!!

【讨论】:

    【解决方案2】:

    我认为你拼错了。

    1. 然后请添加您的 css 文件
    2. 添加jquery,然后
    3. 添加 bootstrap.min.js ,然后
    4. 添加自定义 js 脚本

    【讨论】:

    • 还是一样的问题
    • 不需要 php 部分,因为我提到它的工作我可以手动完成 js 是这里的问题
    • 请从您的代码脚下删除 jquery。您已经在顶部添加了它
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-30
    • 1970-01-01
    • 1970-01-01
    • 2021-09-10
    • 1970-01-01
    相关资源
    最近更新 更多