2016-09-20 58 views
0

我的PHP的HTML代碼是這樣的:jQuery的只是適用於最新的按鈕並不是所有的按鈕

<?php 

foreach($questions as $question){ 
    echo" 
    <div id='postShare'>    
     <div class='col-md-10 col-md-offset-1' id='listPost'> 
      <div class='list-group'>  
       <li class='list-group-item text-center '> 
        <span class='pull-left' id='question_author'>".$question->author."</span> 
        &nbsp; 
        <span class='pull-right' id='question_time'><p>".time_ago($question->time)."</p></span> 
        <hr> 
        <span class='pull-right' style='color:red;font-size:11px;'>سوال</span> 
        <br> 
        <center><h4 id='question_title'>" .$question->title. "</h4></center> 
        <hr> 
        <span class='pull-right' style='color:blue;font-size:11px;'>توضیحات</span> 
        <br> 
        <h5 id='question_desc'>".$question->description."</h5> 
        <hr>    
        <span class='pull-right' style='color:GoldenRod;font-size:11px;'>کد برنامه</span> 
        <br> 
        <pre id='question_code'>".$question->code."</pre> 
        <hr> 
        <button class='btn btn-primary' id='send_answer'>پاسخگویی به این سوال</button> 
       </li> 
      </div> 
     </div> 
    </div>"; 
} 

?> 

和我的jQuery的文件是這樣的:

$(function(){ 
    $("#send_answer").click(function(e){ 
     alert("cliked"); 
     e.preventDefault(); 
    }); 
}); 

這PHP代碼只是獲取和顯示數據庫數據與一個按鈕。 我想要點擊該按鈕時顯示警報。其工作的最新數據提取和不工作。

+2

因爲你複製你的HTML'id'值。這是無效的,所以JavaScript的行爲是未定義的。 – David

+0

這是非法的 - 您正在創建具有相同ID的按鈕。使用一個類,而不是一個循環元素的ID。 –

+0

@SterlingArcher「非法」?你的意思是「無效」嗎? –

回答

3

您需要使用相同的class創建按鈕。使用相同的id創建將導致只有一個被操作。

PHP

<?php 
    foreach($questions as $question) { 
     echo " 
      <div id='postShare'> 
       <div class='col-md-10 col-md-offset-1' id='listPost'> 
        <div class='list-group'>  
         <li class='list-group-item text-center '> 
          <span class='pull-left' id='question_author'>".$question->author."</span>&nbsp; 
          <span class='pull-right' id='question_time'><p>".time_ago($question->time)."</p></span><hr> 
          <span class='pull-right' style='color:red;font-size:11px;'>سوال</span><br><center><h4 id='question_title'>" .$question->title. "</h4></center><hr> 
          <span class='pull-right' style='color:blue;font-size:11px;'>توضیحات</span><br><h5 id='question_desc'>".$question->description."</h5><hr>    
          <span class='pull-right' style='color:GoldenRod;font-size:11px;'>کد برنامه</span><br><pre id='question_code'>".$question->code."</pre><hr> 
          <button class='btn btn-primary send_answer'>پاسخگویی به این سوال</button> 
         </li> 
        </div> 
       </div> 
      </div>"; 
    } 
?> 

jQuery的

$(function() { 
    $(".send_answer").click(function(e) { 
     alert("cliked"); 
     e.preventDefault(); 
    }); 
}); 
+0

非常感謝。它的工作原理 –

+0

樂意幫忙:) –

+0

請接受答案 –

相關問題