Показать сообщение отдельно
  #10 (permalink)  
Старый 05.03.2015, 00:54
Интересующийся
Отправить личное сообщение для Aggao Посмотреть профиль Найти все сообщения от Aggao
 
Регистрация: 06.02.2013
Сообщений: 19

Сообщение от 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'])» прямо под списком с кнопками.

Я явно что-то не учел
Ответить с цитированием