Hvordan gjøre bakgrunnen uskarp Når en Modal vinduet åpnes i jQuery

Du bruker "blur" -funksjonen i jQuery å sløre bakgrunnen etter å ha åpnet en ny modalt vindu i brukerens nettleser. Funksjonen gjør siden fokusere direkte på det nye vinduet, noe som gjør siden mer intuitivt for leserne. Du åpner det nye vinduet, og deretter ringe blur funksjon i neste linje med kode. Dette betyr at bakgrunnen ikke dimme før bildet vises.

Bruksanvisning

1 Høyreklikk på HTML-siden du vil bruke til å kjøre jQuery funksjon. Klikk "Åpne med" og velg din foretrukne jQuery eller HTML editor.

2 Tilsett jQuery funksjon som åpner popup. Følgende funksjon skaper popup:

jQuery (document) .ready (function ($) {

jQuery('newwindow').live('click', function(){
newwindow=window.open("URL.html",'');
});

});

Erstatt "URL.html" med websiden du vil vise.

3 Tilsett "blur" metoden til funksjonen. Kopier og lim inn følgende kode til din funksjon:

$ (Body) .blur ()