jQuery - 结合“确认”和“someOtherAction”

Question

我有以下代码，它仅使用 jquery ui 模式对话框来“确认”链接上的任何点击。如果他们单击“确定”，则会将他们发送到原始链接。它工作得很好，所以不必费心阅读太多细节 =)

    $('.confirm').live('click', function(e) {
  e.preventDefault();
  var theHref = $(this).attr('href');
  var confirmText = 'Are you sure?';
  if ($(this).attr('confirm')) {
   confirmText = $(this).attr('confirm');
  }
  confirmDialog.html(confirmText);
  confirmDialog.dialog({
   buttons: {
    'OK': function() {
     window.location = theHref;
     $(this).dialog('close');
    },
    Cancel: function() {
     $(this).dialog('close');
     return false;
    }
   }
  });
  confirmDialog.dialog('open');
  return false;
 });

然后，我还有一堆其他任意功能。就像这样说：

    $('a.reset').live('click', function(e) {
  e.preventDefault();
  $(this).parents('form')[0].reset();
 });

这只是一个重置表单的链接（如输入类型=重置）。这个功能也能正常工作。请注意，这只是一个任意示例。我通过类附加了许多不同的 JS 功能片段。

我遇到的问题是将这两个堆叠起来。在此示例中，某些重置链接我可能需要确认，有些我可能不需要。就像这样：

<a href="" class="reset confirm">Reset on confirmation</a>
<a href="" class="reset">Reset without confirmation</a>

当然，问题是第一个示例不关心确认 - 它只是继续并重置。有什么方法可以继续保持这些代码的独立和模块化（就像在 HTML 示例中一样），同时使一个代码依赖于另一个的输出？

我希望我想要实现的目标很清楚。

预先感谢您的任何帮助。第一次在这里发帖，请多多关照=）

Answer 1

我不知道这是否有效，但尝试以相反的顺序创建 .live 处理程序。我认为它们可能会从最后一个附加到第一个附加触发。

Answer 2

好吧，根据我的理解，你想要实现的一种非常简单的方法是在阻止任何默认行为之前检查该元素是否附加了确认类，以及不阻止什么行为

Answer 3

我认为您可以通过简单地将代码附加到重置类之前的确认类来解决这个问题。只需将其放在 document.ready 的较高位置或您指定事件的任何位置即可。