A标签上的HTML pushstate更改参数，加载两次

Question

我想在不刷新的情况下更改参数。所以，我现在使用pushstate。像这样，

HTML

<a class="filter" data-value="recent" href="#">Recent</a>
<a class="filter" data-value="popular" href="#">Popular</a>

的Javascript

$('.filter').click(function(){
    var data = $(this).data('value');

    if ( data == 'recent' ) {
        // make new_params_string here
        history.pushState({}, "", window.location.pathname + '?' + new_params_string);
    } else if ( data == 'popular' ) {
        // make new_params_string here
        history.pushState({}, "", window.location.pathname + '?' + new_params_string);
    }
});

它运行良好但是，它加载页面2次。所以，我得到重复的调用javascript。并且，它使我的网站很糟糕。

我的逻辑错误点是什么？