Question

假设我有一个标准的HTML链接：

<a href='https://whateverdomain.com/whatever.pdf' class='pdf-download'>

我如何同时链接到.pdf 和同时触发jQuery函数？

到目前为止我写过这个：

$('.pdf-download').addEventListener('click', function() {
  $.getJSON('/documents/email', function(email) {
    if (email.documentID && email.message == 'success') {
      console.log('Sending email...');
    };
  },
false);

但这只会阻止我的按钮被点击。我应该提一下，听众是更大功能的一部分：

function checkForAnswers() {
  var count = $('.pdf-checklist').filter(function() {
    return $(this).val() !== "";
  }).length;
  var total = $('.pdf-checklist').length;

  $('.pdf-download').addEventListener('click', function() {
    $.getJSON('/documents/email_press_ad', function(email) {
      if (email.documentID && email.message == 'success') {
        console.log('Sending email...');
      };
  }, false);

  if (count == total) {
    $('.pdf-download').removeClass('disabled');
    $('.pdf-download').removeAttr('disabled');
  } else {
    $('.pdf-download').addClass('disabled');
    $('.pdf-download').attr('disabled', 'disabled');
  }
  console.log(count + '/' + total);
}

$('.pdf-checklist').on('keyup', checkForAnswers);

Answer 1

您可以尝试将其与on

绑定

$(".pdf-download").on("click", function (e) {
    e.preventDefault();
    //do your stuff.

    //navigate to a click href via window.location
    window.location = $(this).attr('href');
});

因此，您取消单击默认事件并在代码完成后手动强制更改网址。

根据评论编辑。

如何向按钮添加第二个功能？

1 个答案: