多個jQuery的倒計時定時器不顯示在PHP循環內

我有一個PHP循環，我用來從數據庫中獲取多個拍賣記錄。作爲拍賣的一部分，我想要倒計時直到它結束。我原本有一個問題，只有第一個記錄顯示倒數計時器（工作），並確定這可能是因爲我每次給jQuery選擇器相同的ID。所以我改變它，所以生成一個新的id給每個循環的div和jquery函數。但是現在，當我查看腳本的結果時，倒數計時器不會顯示在任何表格行中。多個jQuery的倒計時定時器不顯示在PHP循環內

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，任何幫助，將不勝感激。

歡呼聲，邦迪

來源

2012-09-19 Bundy

生病嘗試改變這種jQuery來$（）倒計時（）首先也許 – Bundy

這是一個ID選擇：

#row11

這是一個有效的id屬性的<div>：

<div id="row11">

但這並不是一個有效的id屬性：

<div id="#row11">

你$cdRand不應包含#和你的jQuery應包括#這樣的：

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

來源

2012-09-19 05:59:37

真棒花花公子，謝謝 – Bundy

多個jQuery的倒計時定時器不顯示在PHP循環內

回答

相關問題