bind ajax: вызов вызывается, даже если элемент не выбран

Question

Я столкнулся с проблемой, когда ajax:success запускается, даже если событие не запускается для целевого элемента.

    jQuery(document).bind('ajax:success', '.delete-dashboard-filter', function(e) {
      console.log('surprisingly in here');
    });

    jQuery(document).bind('ajax:success', '.delete-csv-export', function() {
      console.log('listing csv exports....');
    }).

В моем коде выше, когда я нажимаю на элемент с классом delete-csv-export, оба ajax: успешные события запускаются, и я вижу, что оба выполняются

console.log('surprisingly in here');
console.log('listing csv exports....');

Соответствующее html для обеих ссылок генерируется ниже

    <%= link_to path1(:id => obj.id), method: :delete, :remote => true, :class => 'delete-dashboard-filter' do%>
      <%= inline_svg 'icons/trash.svg' %>
    <%end%>

    <%= link_to path2(:id => obj.id), method: :delete, :remote => true, :class => 'delete-csv-export' do%>
      <%= inline_svg 'icons/trash.svg' %>
    <%end%>

Есть ли что-то что я делаю неправильно, я ожидаю, что ajax: успех, соответствующий элементу, будет выполнен вместо обоих.