How we can ignore URLs with Pace.js progress animation to one of my ajax calls, I followed the following as mentioned in the documentation, I am trying to ignore a URL 'getTip' but it still triggers the pace animation.

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

Or how can I use the Pace.ignore in the following call:

$("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 
        }
    });
});

How we can ignore URLs with Pace.js progress animation to one of my ajax calls, I followed the following as mentioned in the documentation, I am trying to ignore a URL 'getTip' but it still triggers the pace animation.

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

Or how can I use the Pace.ignore in the following call:

$("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 
        }
    });
});

• javascript
• jquery
• qtip

Share Improve this question Follow edited Apr 7, 2020 at 10:57 j3ff 6,13988 gold badges4343 silver badges5454 bronze badges asked Dec 4, 2014 at 4:45 AzharAzhar 28155 silver badges1717 bronze badges 1

• try absolute path in Pace.ignore ignoreURLs – Girish Commented Dec 4, 2014 at 5:16

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

I realize this is an older post, however I recently had this requirement and this post was one of the first to e up...thought I would put my resolution here in case anyone else needs it.

Set pace options for the ignoreURLs before you load the pace.min.js library

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

Example of one of my ignoreURLs:

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

Where 'staffNameAutoComplete' is part of the ajax URL I am calling.

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