Question

我試圖做一個加一的投票系統，在我的網站的jQuery的簡單加一個投票系統。我有html/css結構。我有一個拇指圖像，當鼠標懸停，變爲綠色，當有人點擊它，我希望它添加+1和不斷遞增，因爲人們一直在打它。

這裏是什麼樣子：

所以，當有人打它，我希望它的號碼添加到加號的右邊。這是我的html結構。

echo "<div id='thumb_holder'>"; 
echo "<div id='thumb_report'>"; 
echo "<a href='mailto:info@cysticlife.org'>"; 
echo "&#149 report"; 
echo "</a>"; 
echo "</div>"; 
echo "<div class= 'thumb_counter'>"; 
echo "+"; 
echo "</div>"; 
echo "<div id='thumb_thumb'>"; 
echo "<!--PHP STUFF-->"; 
echo "<a class='myButtonLink' href=''></a>"; 
echo "</div>"; 
echo "</div>"; 

任何建議，指導或指導如何實現此目的的鏈接，我們將不勝感激。

Answer 1

首先你沒有呼應你所有的HTML代碼，只需使用<?php ?>當你需要它的動態內容。因爲dianuj建議你需要使用ajax。讓使用jQuery（爲簡單起見）處理公衆函數調用Ajax到你的Ajax，處理它有（用一個id例如和遞增計數器），然後一些數據返回給客戶端。如果ajax請求成功使用javascript更新計數器。

我給你從我的應用程序採取

笨一部分的例子，控制器 裏面我處理，提供了一個圖像標識後和用戶ID，以檢查他們的權限和回聲 響應。對於更復雜的應用程序，您應該使用json出於各種原因。

public function changeImage(){ 
    if ($this->input->post('imageid')){ 
    .... handle imageid and userid, check for permissions, query the database.. 
    ...construct a $response... 
    echo $response; 
    } 
} 

在javascript我使用這樣的：

$(".dropdown-menu li a").click(function(){ 

..prepare一個MYDATA陣列..

 $.ajax({ 
       type: "POST", 
       url: "<?php echo $base_url; ?>pathtocontroller/changeImage", 
       data: mydata, 

       success: function(data){ 
         //update your counter here 
       } 

     }); 

}）;

我認爲這回答了一個辦法做到這一點的一般問題。