[Aver]

Cześć,

 

pisze strone w rwd i część skryptów (np. od mobilnego menu) dotyczy tylko rozdzielczości w których to menu się pojawia. Jestem ciekawy jak zrobić to aby te wkrypty wykonywały się w zależności od rodzielczości ekranu oraz przy jej zmianie (np. przy rozciąganiu okna) automatycznie się załączały.

 

W tej chwili mam coś w stylu: 

if(screen.width < 1024 ) {

}

ale po zmianie okna przeglądarki trzeba odświeżyć stronę a jak to zrobić dynamicznie?

[mck]

Ręczne ustawianie breakpointów (czyli coś w stylu kodu, który wrzuciłeś) jest chyba najpopularniejszym sposobem radzenia sobie z RWD. Z tym, że raczej unika się wrzucania ich bezpośrednio w kod - lepiej zrobić z nich zmienne dostępnie globalnie, aby można było je zmienić w jednym miejscu.

 

A co do reagowania na zmianę rozdzielczości, to wystarczy podpiąć się pod odpowiedni event (resize) i uruchomić odpowiedni fragment skryptu, np.

JS:

window.onresize = function(){ };

jQuery:

$(window).on('resize', function(){ });

[Keenic]

http://wicky.nillia.ms/enquire.js/

 

Bardzo dobrze sie sprawdza do tego co potrzebujesz

[Aver]

Ciekawa biblioteczka, dzięki!