Events example

by arohy

HTML

<!-- у нас есть список товаров в корзине -->
<!-- Пусть у нас есть кнопка button, которая должна удалить товар из корзины -->
<div class="cart_item">
    <button class="js-item-delete"></button>
</div>

<div class="cart_item">
    <button class="js-item-delete"></button>
</div>

<div class="cart_item">
    <button class="js-item-delete"></button>
</div>

<div class="cart_item">
    <button class="js-item-delete"></button>
</div>

JavaScript

$(function(){
    // обрабатываем клик по данной кнопке
    $( '.js-item-delete' ).on( 'click', function(){
        // передаем в корзину данные И эту кнопку через $(this)
        Cart.removeItem( data, $(this) );
    }
    
    // подписываемся на событие "товар удален из корзины"
    Events( 'onCart_Delete' ).subscribe( function( data ){
        // в поле jqObj хранится объект нашей кнопки
        var button = data.jqObj;
        
        // с которой мы можем уже что-то делать
        button.parent().remove();
    }
}