Проблема с Pjax?

Здравствуйте, ситуация такова: мне по клику на кнопку, нужно отправлять два пост запроса и обновлять содержимое определенного блока. Без Pjax запросы при клике отправляются сколь угодно раз, а вот если с ним, то Pjax update идет при каждом клике, а запросы идут только после первого клика и все, только после обновления страницы срабатыввет. Я уже всю голову сломал, не пойму, в чем проблема, прошу помощи, код прилагаю
<?php Pjax::begin(); ?>
        <?php if($productsInCart):?>

            <table id="cart_products"cellspacing="0">
                <tr>
                    <th>Удалить</th>
                    <th>Наименование</th>
                    <th>Цена</th>
                    <th>Количество</th>
                    <th>Всего</th>
                </tr>

                <?php foreach($prods as $product):?>
                    <tr>
                        <td><a href="/cart/delete/<?php// echo $product['id'];?>" class="del">
                                <img src="/img/del_prod_pic.png">
                            </a></td>
                        <td><?= $product->name;?></td>
                        <td><?= $product['prices'][0]->price;?></td>
                        <td>
                            <?= $productsInCart[$product['id']];?> шт.
                            <a href="" class="to_cart" data-id="<?= $product->id;?>">
                                <img src="/img/plus.png">
                            </a>
                            <a href="#" class="cart_del" data-id="<?= $product->id;?>">
                                <img src="/img/minus.png">
                            </a>
                        </td>
                        <td><?= Order::getProdTotalPrice($product->id);?></td>
                    </tr>
                <?php endforeach;?>
                <tr id="total_sum">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>Итого в корзине: </td>
                    <td><?= $totalPrice;?></td>
                </tr>
            </table>

            <a href="/cart/checkout" class="checkout">
                Оформить заказ
            </a>

        <?php else:?>
            <h2 id="empty_cart">Ваша корзина пуста</h2>
            <a href="/" id="empty_cart_to_main">Продолжить покупки</a>
        <?php endif;?>
        <?= Html::a("Обновить", ['/cart'], ['class' => 'refresh btn btn-lg btn-primary']);?>
        <?php Pjax::end(); ?>


JS
$(document).ready(function(){
    $('.to_cart').click(function(){
        var id = $(this).attr("data-id");
        $.post("/toCart/"+id, {}, function(data){
            $('.cart_count span').html(data);
        });
        $.post("/updateCount/"+id, {}, function(data){
            $('.to_cart span#prod_'+id).html(data);
        });
        $('.refresh').click();
        return false;
    });
});
  • Вопрос задан
  • 287 просмотров
Решения вопроса 1
@holfza
$('body').on('click', '.to_cart' , function(){
...
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы