页面加载时的 Ajax 分页
Ajax pagination on page load?
好的,首先我会告诉它应该如何工作:我有一个页面,旁边有图像链接,单击图像,该链接的信息出现在另一个div中。我使用 jquery/ajax 将链接 id 发布到 php 文件,并将该数据返回到选定的div。链接应分页,以便一次显示 4 个。
这就是正在发生的事情:帖子部分没问题,当我单击链接时,正确的数据显示在所选的div 中。我不知道如何使链接div分页。我需要在页面加载时对它们进行分页,现在当页面加载时显示所有链接,然后当我单击链接时,会显示正确的数量 (4)!
这是我的 html 与 2div:
<div class="dogsrehomeandrehomed">
<?php
include 'inc/connect.php';
$q = mysqli_query($link, "SELECT filename, id, name, age, sex FROM gallery WHERE
gallery = 1 ORDER BY id DESC") or die (mysql_error());
while($row = mysqli_fetch_array($q)){
$data = $row['filename'];
$file = substr($data, strpos($data, "/") + 1);
echo"<div class='homedogs'>",
"<a href={$row['id']} class='dogchoice'>",
"<img class='nailthumb-container3' src='$file' alt='{$row['name']}. Image' />",
"</a>",
"<br />",
'NAME: ',$row['name'],"<br />",'AGE: ',$row['age'],"<br />",'SEX: ',$row['sex'],
"</div>";
}
?>
</div>
<div class="dog">
<?php
include 'inc/connect.php';
$q = mysqli_query($link, "SELECT * FROM gallery WHERE gallery = 1 ORDER BY id DESC
LIMIT 1") or die (mysql_error());
while($row = mysqli_fetch_array($q)){
$data = $row['filename'];
$file = substr($data, strpos($data, "/") + 1);
echo"<div class='rehomediv'>",
"<img class='nailthumb-container2' src='$file' alt='{$row['name']}. Image' />","<br
/>",
"<div class='nameagesex'>",
'NAME: ',$row['name'],"<br />",'AGE: ',$row['age'],"<br />",'SEX: ',$row['sex'],
"</div>",
"<div class='description'>",
nl2br($row['description']),
"</div>",
"</div>";
}
?>
</div>
<script src="js/dog.js"></script>
这是我的狗.js文件:
$('a.dogchoice').click(function(e) {
e.preventDefault();
var linkClass = $(this).attr("class");
var linkText = new String(this);
var categoryValue = linkText.substring(linkText.lastIndexOf('/') + 1);
var params = {};
params[linkClass] = categoryValue;
$.post('inc/dogchoice.php', params, function(data) {
var totalRecords = $(data).length;
var pageSize = 4;
var numOfPages = Math.ceil(totalRecords / pageSize);
var i,
pageLinks = '<div class="pageLinks">';
for (i = 0; i < numOfPages; i++) {
pageLinks += '<a href="#" onclick="showDogLinks(' + i + ');return false;">' + (i
+ 1) + '<'/a> ';
}
pageLinks += '<'/div>';
$('.dog').html(pageLinks + data);
showDogLinks(0);
});
});
//function to slice up records into pages
function showDogLinks( pageNo ) {
var perPage = 4;
var start = pageNo * perPage;
var end = start + perPage;
$('.homedogs').hide().filter(function(index) {
return ( (index > (start-1)) && ( index < end ) );
} ).show();
}
谁能帮忙?感谢您的查看
我对其进行了排序。我只是用 php 对链接容器进行了分页。
感谢您的观看..
相关文章:
- CodeIgniter - AJAX 生成的元素内的 AJAX 分页
- 在ajax分页视图(cakephp)中显示adsense的问题
- AJAX 分页,页面不可单击
- Ajax 分页链接自定义
- 使用 Ajax 分页时缺少元素(Facebook 赞按钮)
- 在 AJAX 分页中添加类“活动”
- 页面加载时的 Ajax 分页
- 创建 ajax 分页
- AJAX 分页每隔一个链接刷新页面
- 历史的ajax分页问题.back()
- PHP AJAX分页将项目加载到多个容器中
- RubyonRails-AJAX分页中的JQuery未运行
- 使用Mustache JS的Ajax分页
- 用于PHP的AJAX分页解决方案
- AJAX分页结构
- 为什么jQuery live('click')只在带有AJAX分页的特定类的第一页上工作?
- Codeigniter中的AJAX分页
- 如何在没有数据库的情况下创建AJAX分页
- Laravel如何使ajax分页链接像非ajax一样工作
- 花式框点击与元素绑定在 Yii CGridView 与 ajax 分页