Узнайте, какая кнопка закрытия закрыла окно оповещения

Question

У меня есть окно оповещения с несколькими кнопками закрытия:

<div data-alert class="alert-box cookies-consent">
    <div class="informative-text">
        Using cookies...
    </div>
    <div class="close-buttons">
        <a href="#" class="close sure">Sure</a>
        <a href="#" class="close opt-out">Opt Out</a>
    </div>
</div>

Я зарегистрировал обработчик для события закрытия, как показывают документы:

$(document).on('close.fndtn.alert', function(event) {
   console.info('An alert box has been closed!');
   console.info(event);
});

Но если я не пропустилэто, кажется, событие не указывает, какая из кнопок была нажата.

Как мне изменить мой HTML / JS, чтобы узнать, какая из кнопок закрытия была нажата?Я не хочу изменять собственный JS Foundation и хочу, чтобы поведение пользовательского интерфейса оставалось согласованным как для кнопок, так и для хороших переходов и всего.

Answer 1

Здесь работает спинет @Panomosh, упомянутый выше:

$('a.close').on('click',function(e){
  console.log($(e.target).text())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div data-alert class="alert-box cookies-consent">
    <div class="informative-text">
        Using cookies...
    </div>
    <div class="close-buttons">
        <a href="#" class="close sure">Sure</a>
        <a href="#" class="close opt-out">Opt Out</a>
    </div>
</div>

Привет!