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>

问候！

找出关闭警报框的关闭按钮

1 个答案: