我有一个php脚本,在for语句中有一个链接。每次用户按下链接时,我都试图使用图像加载程序(.gif)。链接指的是我用来分页的一个数字。通过使用for语句,链接显示的链接如下:1、2、3…分别是页面1、2。。。等等。如果用户按下2,从第1页移动到第2页,则图像加载器成功工作。但如果用户按3、4、。。。等等,图像加载器停止工作。知道我该怎么修吗?
这是我的php脚本:
$per_page=1;
if(!isset($_GET['page'])){
$page=1;
}else{
$page = $_GET['page'];
}
if($page<=1)
$start=0;
else
$start = ($page * $per_page) - $per_page;
$sql = " SELECT `name`, `surname`, `email`, `user_id` FROM users WHERE (surname LIKE '$name%' AND name LIKE '$surname%') OR (surname LIKE '$surname%' AND name LIKE '$name%') ";
$num_rows = mysql_num_rows(mysql_query($sql));
$num_pages = ceil($num_rows / $per_page);
$number=1; //image loader called for a link inside for statement
for($number; $number<=$num_pages; $number +=1)
{
if($number <= 10){
if($page==$number){
echo" $number ";
}else
echo" <a href='?value=$value&page=$number' id='loading' >$number</a> ";
}else if ($page>=10){
if($page==$number)
echo" ... <b>$number</b> ";
}
}
echo" <img src='img/loader.gif' class='loading' style='display:none;' />";
这是我的javascript:
<script>
$("#loading2").click(function () {
$(".loading").show();
});
</script>
错误在这里:
<a href='?value=$value&page=$number' id='loading' >$number</a>
id
属性在HTML文档中必须是唯一的
大多数浏览器将只选择具有匹配id
的第一个元素,而其他锚点将不绑定onclick
事件处理程序。
使用类别:
<a href='?value=$value&page=$number' class='loading-anchor' >$number</a>
<script>
$(".loading-anchor").click(function () {
$(".loading").show();
});
</script>