javascript - Jquery doesn't change div's width on smaller screen after auto adjusting on regular screen -



javascript - Jquery doesn't change div's width on smaller screen after auto adjusting on regular screen -

got script auto adjusts width of children divs depending on number of children. , on smaller screen need them 100% wide. i've tried inserting script right script adjusts width on regular screen. doesn't work. tried inserting in bottom of page. didn't work too.

here code

$(".basecollections").each(function(){ var child_width = 100 / $(this).children().length; child_width = math.floor(child_width); $(this).children().css("width", child_width + "%"); if ( screen.width < 1000 ) { $(this).children().css('width','100%'); } })

http://jsfiddle.net/3x466nb1/

instead of screen.width need utilize $(window).width(): demo

$(".basecollections").each(function(){ var child_width = 100 / $(this).children().length; child_width = math.floor(child_width); $(this).children().css("width", child_width + "%"); if ( $(window).width() < 1000 ) { $(this).children().css('width','100%'); } });

also if want alter dynamic, need write piece of code within resize event of window element:

$(window).resize(function(){ $(".basecollections").each(function(){ var child_width = 100 / $(this).children().length; child_width = math.floor(child_width); $(this).children().css("width", child_width + "%"); if ( $(window).width() < 1000 ) { $(this).children().css('width','100%'); } }); });

javascript jquery css

Comments

Post a Comment

Popular posts from this blog

Php operator `break` doesn't stop while -

Php operator `break` doesn't stop while - have weird issue, break doesn't break while loop , maintain rotating. logically should break cycle , set output while ($c++ != 5) { // here curl request, doesn't relevant have removed preg_match("!<.*?>(\s*)[^<>]*?{$to}<!", $resp, $result) ; // echo 'cnt = ' .count($result).'<br>'; if(!count($result)) { $amount = 0; echo 'sleep called'; sleep(4); exit; continue; } else { $amount = trim(@$result[1]); $amount = round($amount + $amount * $exchange_ratio, $precision); echo 'break happen<br>'; break; } } so output cnt = 2 break happen cnt = 0 sleep called so skipped break , maintain rotating. how so? edit works fine on localhost issue php version? ...
Read more

ubuntu - Bash Script to Check That Files Are Being Created -

ubuntu - Bash Script to Check That Files Are Being Created - we have amazon ec2 instance upload output our security cameras. every , then, cameras have issue, stop uploaded, , need rebooted. easy way determine seeing if files not beingness created. problem creates lots , lots of files. if utilize find -ctime, takes long time script run. there faster way check see if files have been created since yesterday? need capture result, (yes there files, or not there not,) , email message, nice have didn't take half hr run. #!/bin/bash find /vol/security_ftp/west -ctime -1 find /vol/security_ftp/backentrance -ctime -1 find /vol/security_ftp/boardroomdoor -ctime -1 find /vol/security_ftp/mainentrance -ctime -1 find /vol/security_ftp/north -ctime -1 find /vol/security_ftp/south -ctime -1 using find natural solution, if must avoid it, can see newest file in directory using ls , sorting output according ctime, eg. ls /vol/security_ftp/west -clt | head --lines=1 ...
Read more

vim: Search & replace -

vim: Search & replace - i searching easy way search , replace things in vim "workaround" refactoring. on other stackoverflow-question found snippet of code: nnoremap gr gd:%s/<c-r>///gc<left><left><left> i thought gd selects current word under cursor in whole document , %s search , replaces matches after typed replace pattern. gc stands globally confirmation?! however: not work expected. illustration in python class of mine can easy rename occurencies of self in whole file not work on method identifieres or field identifieres length of one. def __init__(self): self.test = [] self.a = [] ... so self changed using snippet, doing gr on field a not work. how can work easy search , replace on 1 file? any tips on intelligent refactoring appreciated. after hours of searching found plugins , workarounds work c files, need @ to the lowest degree java, python , php compatibility. thanks every reply :) update: found...
Read more