php jquery投票系统

Question

我正在尝试实现一个简单的投票系统。我的页面上有推广列表，人们可以在这里投票。我正在使用一个投票链接，比如-

<button rel="promo_vote" id="promo_vote!<?php echo $promo_contents['promo_index']; ?>" class="more img-circle fa fa-thumbs-up" title="Vote"></button>

点击后，jquery会将数据填充到数据库中的特定promo.And中，我使用了一个样式正确的按钮来将其用作投票计数器。我正在尝试动态地增加它的值。数据库插入完全正常，但计数器没有增加。我猜它不能识别按钮。让我展示一下我的jquery代码。

$("[rel=promo_vote").click(function()
{
var p = jQuery(this);
var id_vote_promo = p.attr("id");
var post_id_of_promo = id_vote_promo.substring(id_vote_promo.indexOf('!')+1);
var dataString = 'post_id_of_promo='+ post_id_of_promo;

var id_unvote_promo = "promo_unvote!"+post_id_of_promo;

var vote_counter_id = "#vote_counter!"+post_id_promo;
var value = $(vote_counter_id).val();

$.ajax({
    type: "POST",
    url: "my url to controller",
    data: dataString,
    cache: false,
    success: function(res){
        value= value+1;
        $(praise_counter_id).val(value);
        $(p).replaceWith("<button rel='promo_unvote'  id='"+id_unvote_promo+"' class='more-alt img-circle fa fa-check' title=''></button>");


    }
});

return false;
});

计数器代码是

<p class="nm">+ 
  <input type="button" value="1" class="vote_count_btn" id="vote_counter!<?php echo $promo_contents['promo_index']; ?>"  />
  People Voted
</p>

你能帮我吗?我错过了什么地方？提前谢谢。

Answer 1

试一下，

$(vote_counter_id).val(value);

代替

$(praise_counter_id).val(value);

Answer 2

我只是给你应该做的方式。如果促销id是唯一的，这将起作用。

步骤1：

根据promo索引给段落一个唯一的id。使用php唯一地放置promo_index。在本例中，我使用了前缀'nm_‘。您将需要添加通过php的动态促销索引。

<p class="nm" id="nm_<--promo_index_id-->">+ 
  <input type="button" value="1" class="vote_count_btn" id="vote_counter!<?php echo $promo_contents['promo_index']; ?>"  />
  People Voted
</p>

第2步：

使用带有促销索引的afix nm：

$.ajax({
    type: "POST",
    url: "my url to controller",
    data: dataString,
    cache: false,
    success: function(res){
        value= value+1;
        $(praise_counter_id).val(value);
        $("nm_"+praise_counter_id).replaceWith("<button rel='promo_unvote'  id='"+id_unvote_promo+"' class='more-alt img-circle fa fa-check' title=''></button>");


    }
});