2014-04-22 1 views
1

간단한 투표 시스템을 구현하려고합니다. 내 페이지에 사람들이 투표 할 수있는 곳이없는 프로모션 목록이 있습니다. 나는 투표 counter.I가 노력하고 있습니다로 사용하기 적절 스타일 버튼을 찍은 특정 promo.And에 대한 데이터베이스의 데이터를 채울 것 JQuery와 그것을 클릭하면php jquery voting system

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

로 삼았 투표 링크를 사용하고 있습니다 동적으로 값을 늘리십시오. DB 삽입이 완벽하게 발생하지만 카운터가 증가하지 않습니다. 버튼을 인식 할 수 없다고 생각합니다. 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> 

당신이 날은 어디를 놓친 거지하시기 바랍니다 도울 수있다? 미리 감사드립니다. 난 단지 당신이 수행해야하는 방법을 제공하고

$(praise_counter_id).val(value); 
+0

http://www.w3bees.com/2013/09/voting-system-with-jquery-php -and-mysql.html –

+0

ID는 어디에 있습니까? – madi

+0

"praise_counter_id"는 어디에 사용합니까? – Needpoule

답변

0

시도,

$(vote_counter_id).val(value); 

.

이 단락에게 프로모션 인덱스를 기반으로 고유 ID를 부여 : 프로모션 ID가 고유 한 경우,이

1 단계를 작동합니다. 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의 나노 :

$.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>"); 


    } 
}); 
관련 문제