0

forステートメント内にリンクを含むphpスクリプトがあります。ユーザーがリンクを押すたびに、画像ローダー (.gif) を使用しようとしていました。リンクは、ページネーションに使用する番号を参照しています。for ステートメントを使用すると、リンクは :1 、2 、3... のようなリンクを表示します。これらはそれぞれページ 1、2、3 ... などです。ユーザーが 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" &nbsp; $number &nbsp; ";  
            }else 
                echo" <a href='?value=$value&page=$number'  id='loading' >$number</a> "; 
    }else if ($page>=10){

            if($page==$number)
            echo"&nbsp;&nbsp;... <b>$number</b> ";

        }
    }


echo" &nbsp;&nbsp; <img src='img/loader.gif' class='loading' style='display:none;'  />";

これは私のjavascriptです：

<script>
$("#loading2").click(function () {
        $(".loading").show();
});
</script>
4

1 に答える 1

2

エラーは次のとおりです。

<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>
于 2013-07-23T11:17:27.940 に答える