disable all page elements with modal feature using jquery

Question

I wish to disable all page elements upon an action. Like the modal feature that is in the JQuery UI.

Like on an ajax action.. I wish to show a notif

Answer 1

Try adding a style of "pointer-events: none;" to the body. To remove it use pointer-events: auto;

More info here https://css-tricks.com/almanac/properties/p/pointer-events/ Though there may be issues with earlier browsers not supporting it