找出哪个关闭按钮关闭了一个警告框

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 以找出点击了哪个关闭按钮？我不想修改 Foundation 自己的 JS，而且我确实希望 UI 行为对于两个按钮、漂亮的过渡和所有保持一致。

Answer 1

这是上面提到的 @Panomosh 的工作 spinet:

$('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>

您好！

找出哪个关闭按钮关闭了一个警告框

Find out which close button closed an alertbox

javascript

jquery

zurb-foundation

zurb-foundation-5