Php 分页编号元素不起作用-jQuery
我正在尝试让我的分页链接正常工作。似乎当我点击任何页码链接进入下一页时,新内容不会加载。实际上什么都没有发生,当在Firebug中查看控制台时,没有发送或加载任何内容 我在主页上有3个链接来过滤内容并显示它。单击这些链接中的任何一个时,将加载并显示结果以及该特定内容的相关页码 这是主页面,您可以看到jquery的结构:Php 分页编号元素不起作用-jQuery,php,jquery,pagination,Php,Jquery,Pagination,我正在尝试让我的分页链接正常工作。似乎当我点击任何页码链接进入下一页时,新内容不会加载。实际上什么都没有发生,当在Firebug中查看控制台时,没有发送或加载任何内容 我在主页上有3个链接来过滤内容并显示它。单击这些链接中的任何一个时,将加载并显示结果以及该特定内容的相关页码 这是主页面,您可以看到jquery的结构: <?php include_once('generate_pagination.php'); ?> <script type="text/javascript"
<?php
include_once('generate_pagination.php');
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery_pagination.js"></script>
<div id="loading" ></div>
<div id="content" data-page="1"></div>
<ul id="pagination">
<?php generate_pagination($sql) ?>
</ul>
<br />
<br />
<a href="#" class="category" id="marketing">Marketing</a>
<a href="#" class="category" id="automotive">Automotive</a>
<a href="#" class="category" id="sports">Sports</a>
如果有人能在这方面帮助我,那就太好了,谢谢
编辑:
以下是
的内部内容:
尝试移动//对内容营销进行排序
使其位于$(“#分页li”)。单击()
如果您发布
我已经编辑了这个问题,按照要求包含了元素的脚本。我的想法是,在
元素上运行的代码可能在元素放入DOM之前就已经处理好了。
$(document).ready(function(){
//Display Loading Image
function Display_Load()
{
$("#loading").fadeIn(900,0);
$("#loading").html("<img src='bigLoader.gif' />");
}
//Hide Loading Image
function Hide_Load()
{
$("#loading").fadeOut('slow');
};
//Default Starting Page Results
$("#pagination li:first").css({'color' : '#FF0084'}).css({'border' : 'none'});
Display_Load();
$("#content").load("pagination_data.php?page=1", Hide_Load());
//Pagination Click
$("#pagination li").click(function(){
Display_Load();
//CSS Styles
$("#pagination li")
.css({'border' : 'solid #dddddd 1px'})
.css({'color' : '#0063DC'});
$(this)
.css({'color' : '#FF0084'})
.css({'border' : 'none'});
//Loading Data
var pageNum = this.id;
$("#content").load("pagination_data.php?page=" + pageNum, function(){
$(this).attr('data-page', pageNum);
Hide_Load();
});
});
// Editing below.
// Sort content Marketing
$("a.category").click(function() {
Display_Load();
var this_id = $(this).attr('id');
$.get("pagination.php", { category: this.id },
function(data){
//Load your results into the page
var pageNum = $('#content').attr('data-page');
$("#pagination").load('generate_pagination.php?category=' + pageNum +'&ids='+ this_id );
$("#content").load("filter_marketing.php?page=" + pageNum +'&id='+ this_id, Hide_Load());
});
});
});
<?php
function generate_pagination($sql) {
include_once('config.php');
$per_page = 3;
//Calculating no of pages
$result = mysql_query($sql);
$count = mysql_fetch_row($result);
$pages = ceil($count[0]/$per_page);
//Pagination Numbers
for($i=1; $i<=$pages; $i++)
{
echo '<li class="page_numbers" id="'.$i.'">'.$i.'</li>';
}
}
$ids=$_GET['ids'];
generate_pagination("SELECT COUNT(*) FROM explore WHERE category='$ids'");
?>