单击“ a href”时如何添加预加载器？

Question

Because on iPad I've tried to add :hover :active and :focus over some "a href" and there was not showing any effect, I've decided to add a preloader over page when the page is loading after your click. Can anyone explain to me how to add this preloader onclick;

$("#preloader").hide();
document.getElementById("preloader").style.display = 'none';

Answer 1

try this

$(function(){
     $("#yourID").on("click",function(){
         $("#preloader").show();
     });
});

and for hiding use either $("#preloader").hide(); or

document.getElementById("preloader").style.display = 'none';

you don't have to use both.