使用jQuery Mobile按下后退按钮时如何执行两个操作？

Question

我在页面顶部的导航栏上有一个后退按钮，启用了：

<div data-role="page" id="chat" data-add-back-btn="true">

我想在单击后退按钮时调用javascript方法，但不删除后退功能。我试图创建自己的后退按钮，然后拨打javascript:history.back(1)，但我更喜欢保留原始按钮。

由于

Answer 1

您不能优先处理jQuery事件和jQuery事件堆栈。所以你有两个选择，一个是菊花链式事件的排序（回调），另一个是删除默认行为并覆盖事件。

您可能想要做的是event.preventDefault()，然后是您的代码，然后执行history.back(1)：

$(<backbutton selector>).click(function(event) {
  event.preventDefault();
  alert('this is a test');
  history.go(-1);
});