jquery vote up down, запрос на помощь

Question

Я хочу внести некоторые изменения в следующий фрагмент кода.

Приведенный выше пример показывает рассчитанное количество голосов (голосуйте - голосов вниз). И когда вы нажимаете на любой thumbe, он исчезает большими пальцами и показывает обновленные голоса. Я хочу внести изменения, которые вначале показывают голосование и голосование отдельно (которые хранятся в базе данных отдельно). и после нажатия пальца вверх или вниз, он не должен удалять большие пальцы, но он должен показывать обновленное голосование вверх и вниз раздельно. Как показано на рисунке ниже.

Вот куски кода:

Главная страница имея HTML/CSS и JQuery код. http://pastebin.com/RC6dj6N5

голос код processng: http://pastebin.com/heszKyDc

PS. Я попытался изменить сам, но я не мог этого сделать. Любая помощь будет очень полезна. Благодарю.

Answer 1

Это легко, с вашим кодом php вы запрашиваете базу данных, чтобы узнать, что такое upvote и что такое голосование. Выведите каждый на свой большой палец.

Отсюда есть два пути (я бы сделал последний)
1: пользователь нажимает на палец и отправляет обратно на сервер и с шагом на 1 (но не должно быть правилом, чтобы не стать отрицательным).

2: Используйте jQuery и ajax. Как только пользователь нажимает на большой палец, вы используете ajax для запроса базы данных и обновления голосования без полной загрузки страницы. Обратный вызов ajax может обновлять голосование на уровне страницы.

Когда пользователь нажимает на большой палец, он автоматически увеличивает внутреннее значение на 1, а затем обновляет базу данных за кулисами, вы можете остановиться там или сделать # 2 в обратном вызове.

Answer 2

Не могли бы вы показать, где вы застряли?

Похоже, что вам необходимо вернуть curvotes[0] или curvotes[1] на основе того, является ли это голосованием вверх или вниз вместо getEffectiveVotes.

Кроме того, вместо div votes_count div в html создайте один для вверх и один для вниз, который будет обновляться в результате успеха ajax.