javascript - Pace.JS Qtip 如何忽略 Pace Animation

Question

我们如何忽略带有 Pace.js 进度动画的 URL 到我的一个 ajax 调用，我遵循了文档中提到的以下内容，我试图忽略 URL“getTip”，但它仍然会触发步伐动画。

 ajax: {
     trackMethods: ['GET', 'POST'],
     trackWebSockets: false,
     ignoreURLs: ['arterySignalR', 'browserLink', 'getTip']
 }

或者如何在以下调用中使用 Pace.ignore:

$("a[name^='qtipname']").each(function() {
    var $this = $(this);
    var id = $this.attr('rel');
    $this.qtip({
        content:{
            text: 'Loading...',
            ajax: {
                url: urlTip,
                type: 'GET', 
                loading: false,
                data: {"objectID": id}
            }
        },
        show: 'mouseover', // Show it on mouseover
        hide: {
            delay: 200,
            fixed: true // We'll let the user interact with it
        },
        style: {
            classes: 'ui-tooltip-light ui-tooltip-shadow',
            width: 290 
        }
    });
});

Answer 1

我知道这是一篇较旧的帖子，但我最近有这个要求，而这篇帖子是最早出现的帖子之一……我想我会把我的解决方案放在这里以防其他人需要它。

在加载 pace.min.js 库之前为 ignoreURLs 设置步速选项

<script>
    paceOptions = {
        ajax: {ignoreURLs: ['some-substring', /some-regexp/]}
    }
</script>
<script src="../dist/js/pace.min.js"></script>

我的 ignoreURL 之一的示例:

<script>
    paceOptions = {
        ajax: {ignoreURLs: ['staffNameAutoComplete']}
    }
</script>
<script src="../dist/js/pace.min.js"></script>

“staffNameAutoComplete”是我调用的 ajax URL 的一部分。

http://www.website.com/json.php?request=staffNameAutoComplete