javascript - 单击 data-rel ="back"时发出警报

Question

我的网页中的弹出窗口上有一个简单的按钮，使用 data-rel="back"

我需要在单击后退按钮 (dat-rel="back") 时收到警报。有没有办法确定这一点？我尝试向每个类选择器添加一个单击事件，但它不起作用。

$(document).ready(function() {
  $(".ui-icon-left").click(function() {
    alert("clicked");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-rel="back" class="ui-icon-left ui-btn ui-corner-all ui-shadow ui-btn ui-icon-back ui-btn-icon-notext ui-btn-left">Click</a>

Answer 1

这是您当前问题的可能答案:

$(document).on("vclick", "[data-rel=back]", function(e) {
    console.log("Clicked!!!");
});

不知道您要做什么，但是，正如 Omar 在之前的评论中正确指出的那样，您无法阻止弹出窗口关闭。

如果您的弹出窗口包含必填字段，也许您可​​以删除data-rel="back"链接，添加data-history="false " 和 data-dismissible="false" 添加到您的 popup 标记中，并创建您自己的关闭按钮，您可以在其中执行必要的测试并关闭 手动弹出。