Określ szerokość ekranu za pomocą jquery

przez Nikołajenko Maksym · Opublikowany Listopad 28, 2012 · Zaktualizowano Listopad 30, 2012

W takich przypadkach znaleziono skrypt do określania szerokości ekranu za pomocą jquery, jeśli nie masz możliwości użycia css3. Tak myślę, przyda się przy adaptacyjnym układzie strony. Zdarzenia uruchamiają się, kiedy, gdy szerokość ekranu jest mniejsza niż określony punkt.

Skrypt nazywa się BREAKPOINTS.JS

$(window).setBreakpoints({
// use only largest available vs use all available
    distinct: true, 
// array of widths in pixels where breakpoints
// should be triggered
    breakpoints: [
        320,
        480,
        768,
        1024
    ] 
});     

$(window).bind('enterBreakpoint320',function() {
    ...
});

$(window).bind('exitBreakpoint320',function() {
    ...
});

$(window).bind('enterBreakpoint768',function() {
    ...
});

$(window).bind('exitBreakpoint768',function() {
    ...
});


$(window).bind('enterBreakpoint1024',function() {
    ...
});

$(window).bind('exitBreakpoint1024',function() {
    ...
});

$(window).setBreakpoints({

// use only largest available vs use all available

distinct: true,

// array of widths in pixels where breakpoints

// should be triggered

breakpoints: [

320,

480,

768,

1024

]

});

$(window).bind('enterBreakpoint320',function() {

...

});

$(window).bind('exitBreakpoint320',function() {

...

});

$(window).bind('enterBreakpoint768',function() {

...

});

$(window).bind('exitBreakpoint768',function() {

...

});

$(window).bind('enterBreakpoint1024',function() {

...

});

$(window).bind('exitBreakpoint1024',function() {

...

});

Aby zobaczyć przykład działania skryptu, przejdź do połączyć.

Skrypt można pobrać z github.

Usługi korepetycji online. Lista kursów, które prowadzę

Podstawowy kurs projektowania stron internetowych;
Układ stron;
Ogólny kurs CMS WordPress oraz kontynuacja kursu dotyczącego tworzenia szablonów;
Tworzenie stron internetowych w PHP.

Czytaj więcej na stronie Nauczyciel WordPressa