jQuery prevent execution of function on a page

Question

I have a "global" script called global.js which is included on the header of the page.

$(document).ajaxStart(function(){
    $('#ajax_loading').html('<div><img src="load.gif" /></div>');
    $('#ajax_loading').show();
}).ajaxStop(function(){
    $('#ajax_loading').hide();
});

On this_page.js I've tried

$(document).ajaxStart(function(){
    return;
}).ajaxStop(function(){
    return;
});

or

$(document).ajaxStart(function(){
    event.stopImmediatePropagation();
}).ajaxStop(function(){
    event.stopImmediatePropagation();
});

but the global.js functions are still executed.

Now on a page I want that those two functions (ajaxStart and ajaxStop) aren't executed on ajax calls. How can I solve the problem?

global.js is included before this_page.js.

Then why do you need to include that script file on that page? Why not just leave it out? — Ethan Brouwer
– Ethan Brouwer, Commented Apr 15, 2014 at 2:30
I believe he means it is a global script i.e. to be included on every page — wavemode
– wavemode, Commented Apr 15, 2014 at 2:31
This script is included on the header, so if I include the header the script also comes in.... Maybe in the future I'll add more function that will be used on this page — Perocat
– Perocat, Commented Apr 15, 2014 at 2:31

wavemode · Accepted Answer · 2014-04-15 02:48:02Z

1

.ajaxStart() and .ajaxStop() simply attach another handler. To truly disable the handler you must call:

$.ajaxSetup({
    global: false
});

before your ajax code.

edited Apr 15, 2014 at 2:48

answered Apr 15, 2014 at 2:36

wavemode

2,1171 gold badge19 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery prevent execution of function on a page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related