同时触发功能和打开URL

时间:2015-07-07 20:15:49

标签: javascript jquery click anchor counter

我正在创建一个计数器,用于计算对锚标记的点击次数。我还需要同时打开URL。我尝试了下面的代码。在函数执行之前重定向页面。

有更好的方法吗?

代码:



$(document).ready(function () {
 var $res = $('#counter').text($.cookie('link-count') || 0)
    
    $('a').click(function () {
        var count = parseInt($.cookie('link-count'), 10) || 0;

        count++;
        if (count > 10) {
            $(this).attr("href", "https://www.yahoo.com");
        }
        $.cookie('link-count', count);
        $res.text(count);
        location.href = $(this).attr("href");
        
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="www.google.com">Google</a>
<div id="counter">0</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

&#13;
&#13;
var linkCount;
$(document).ready(function () {
 var $res = $('#counter').text(linkCount || 0)
    
   $('a').click(function (e) {
      
        e.preventDefault();
      
        var count = parseInt(linkCount) || 0;

        count++;
        if (count > 10) {
            $(this).attr("href", "https://www.yahoo.com");
        }
        linkCount = count;
        $res.text(count);
        location.href = $(this).attr("href")
      
        
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="www.google.com">Google</a>
<div id="counter">0</div>
&#13;
&#13;
&#13;