Problem sa aktiviranjem JavaScript-a pri odredjenoj rezoluciji

Odgovori Nova tema

2 odgovora
1.621 pregleda

Problem sa aktiviranjem JavaScript-a pri odredjenoj rezoluciji 24.06.2013. u 10:53 · pre 162 meseca #1

E ovako, imam jedan problem. Nikako mi ne polazi za rukom da aktiviram jedan mali JS kod, pro odredjenoj rezoluciji bez refresh-ovanja strane. KOD:

Code:

$(document).ready(function(){
if ($(window).width() < 760) {
$('#scrollbar1').attr("id",'');
}
});

Nakon sto sirina strane bude manja od 760px id scrollbar1 treba da dobije vrednost " ". E sad ovo lepo funkcionise ali nakon REFRESH-ovanja strane. Mada meni je potrebno da kada korisnik smanjuje browser da se kod automatski aktivira bez refreshovanja. Pokusala sam sa $(windows).resize ali nisam uspela. Jel ima neko ideju?

Re: Problem sa aktiviranjem JavaScript-a pri odredjenoj rezoluciji 24.06.2013. u 13:14 · pre 162 meseca #2

Probaj ovako nešto:

Code:

function promeni_attr_id() {
    if ($(window).width() < 760) {
         $('#scrollbar1').attr("id",'');
     }
}

$(document).ready(promeni_attr_id);
$(window).resize(promeni_attr_id);

Mada kad ti se stranica učita i prvi put ti se izvrši kod, više ne možeš koristiti $('#scrollbar1') jer si pri ready ID promenila, tj. obrisala. Bolje dodaj klasu tom tagu, pa onda u JS upravljaj tim tagom preko klase jer jedino tako možeš menjati ID a da ti ostane da možeš pristupiti i dalje tom tagu, npr. ovako:

Code:

function promeni_attr_id() {
    if ($(window).width() < 760) {
         $('.scrollbar1').attr("id",'');
     }
}

$(document).ready(promeni_attr_id);
$(window).resize(promeni_attr_id);

Re: Problem sa aktiviranjem JavaScript-a pri odredjenoj rezoluciji 24.06.2013. u 13:19 · pre 162 meseca #3

Aj' nam kaži šta tačno treba da uradiš, jer takve stvari se mnogo efikasnije rešavaju preko CSS media query-a. Na taj način ne moraš da misliš na to šta će se desiti nakon resize-ovanje ekrana, jer će o tome voditi računa sâm browser.

Prijavite se da biste odgovorili u ovoj temi.Prijava Registracija

Forum kao aplikacija na telefonu

Srodne teme