Question

我有一个用于从数据库中获取多个拍卖记录的php循环。作为拍卖的一部分，我希望倒计时直到它结束。我最初有一个问题，只有第一条记录显示倒数计时器（工作）并确定它可能是因为我每次都给jquery选择器相同的id。所以我改了它，所以生成一个新的id来给每个循环上的div和jquery函数。但现在当我查看我的脚本结果时，倒数计时器不显示在任何表格行中。

   while($row = $stmt->fetch(PDO::FETCH_ASSOC)){        
       $ID = $row['ID'];
            $cdRand = '#row'.$ID;
                $img = $row['img'];
                $desc = $row['description'];
                $name = $row['name'];
                $owner = $row['owner'];
                $cprice = $row['sprice'];
                $iprice = $row['iprice'];
                $incprice = $row['incprice'];
                $etime = $row['etime'];
                $nextBid = $cprice + $incprice;

            $stmt2 = $pdo->prepare("SELECT * FROM user WHERE username = :username");
            $stmt2->bindParam(":username", $owner,PDO::PARAM_STR);
            $stmt2->execute();

            $thisuser2 = $stmt2->fetch(PDO::FETCH_ASSOC);
            $location = $thisuser2['location'];

            echo'

            <tr class="resultindex">

            <td class="imgCol"><a href="displayAuct.php?id='.$ID.'"><img src="'.$img.'" alt="'.$name.'" /></a></td>
            <td class="infoCol">

                <div class="nameDiv">
                    <a class="nameLink" href="displayAuct.php?id='.$ID.'">'.$name.'</a><br/>
                </div>
                <div class="descDiv">
                    <span class="priceLabel2">'.$desc.'</span>
                </div>

                <div class="userdiv">
                    <span class="fromuser">Location: </span><br/>
                    <span class="location">'.$location.'</span>
                </div>
            </td>
            <td style="width:1px; background-color:#330066;" ></td>

            <td class="timerCol">
                <div class="currentp" style="height: 50px;"><span class="priceLabel">Current Bid: </span><br/><span class="price1">$'.$cprice.'</span></div>
                <div id="timeRow" style="height: 30px;">
                    <span class="timeleft">Time Left: </span>
                </div>
                <div id="'.$cdRand.'" style="height:80px;"></div>

                <script type=text/javascript>
                var timestamp = '. $etime * 1000 .';
                var endTime = new Date();
                endTime.setTime(timestamp);



                $("'.$cdRand.'").countdown({until: endTime});

                </script>
            </td>
            </tr>

                ';

我不知道为什么它不起作用，倒数计时器是基思森林倒计时插件http://keith-wood.name/countdown.html，任何帮助将不胜感激。

欢呼声，邦迪

Answer 1

这是一个ID选择器：

#row11

这是<div>，其有效id属性：

<div id="row11">

但这不是有效的id属性：

<div id="#row11">

您的$cdRand不应包含#，并且您的jQuery应该包含#，如下所示：

$("#'.$cdRand.'").countdown({until: endTime});

多个jquery倒计时器不在php循环中显示

1 个答案: