Сообщение от laimas
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
function toBasket(o) {
$.post('url', o.attr('name')+'='+o.val(), function(d) {
//d содержит ответ сервера
//удаляем анимацию у кнопки
o.next().removeClass('send');
})
}
$(function() {
var add = $('#products').find('button');
add.click(function() {
//добавляем анимацию кнопке и передаем количество товара серверу
toBasket($(this).addClass('send').prev())
}).on({
ajaxStart: function() {
//блокируем отправку
add.prop('disabled', 1)
},
ajaxStop: function() {
//разрешаем отправку
add.prop('disabled', 0)
}
});
});
</script>
|
Продублировал Ваш код на свой сервер.
1. Добавил скрипт между тегами <head> </head>
2. Кнопки вывел за форму (form) и добавил стиль к кнопкам .send, прописав его в css.
Ничего не получилось.
Изначально стиль прописывается у кнопки, и при нажатии тоже срабатывает. Но id товара не передается. Как было 0, так и осталось. Прописал строку «Номер: (int)key($_POST['pid'])» прямо под списком с кнопками.
Я явно что-то не учел
