jQuery - 执行函数然后启动 mailto

Question

有人可以透露一些信息吗？

我正在建立一个网站，顶部有一个小丝带来触发邮件。单击功能区时，我希望它弹起。问题是，mailto: 同时触发，并且由于电子邮件客户端窗口出现在网站上，因此错过了功能区的弹跳效果。

有没有办法用 jQuery 延迟 mailto 操作 - 或者通过 jQuery 添加 mailto？

到目前为止，我已经得到了以下内容......我已经阻止了默认操作，并且弹跳正在工作 - 我只需要再次触发 mailto 的最后一点。

提前谢谢您...

$(document).ready(function() {         
   $( "a#pullTag" ).click(function( event ) {
      event.preventDefault();
      doBounce($(this), 3, '10px', 100);   
   });
   function doBounce(element, times, distance, speed) {
      for(i = 0; i < times; i++) {
      element.animate({marginTop: '-='+distance},speed)
      .animate({marginTop: '+='+distance},speed);
      }        
   } 
});

HTML 很简单:

 <a href="#" id="pullTag">Email Me</a>

Answer 1

你可以这样做:

$(document).ready(function () {
    $("a#pullTag").click(function (event) {
        event.preventDefault();
        doBounce($(this), 3, '10px', 100);
    });

    function doBounce(element, times, distance, speed) {
        for (i = 0; i < times; i++) {
            element.animate({ marginTop: '-=' + distance }, speed)
                   /*
                   I have added a callback function to the last .animate()
                   This function checks the animation queue length
                   When the last animation is reached (queue length == 1),
                   it changes the current URL to the link's [href] attribute
                   */
                   .animate({ marginTop: '+=' + distance }, speed, function() {
                        if (element.queue().length <= 1) {
                            window.location = element.prop('href');
                        }
                    });
        }
    }
});

You can view a JSFiddle demo here