单击 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 在之前的评论中正确指出的那样，您无法阻止 popup 以这种方式关闭。

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