obj 너비와 위치가 창 너비에 따라 달라집니다.

Question

에 따라 너비가 box이고 변경하려면 btn 위치를 변경하려고합니다.
Q1. 스크롤바 바로 뒤에 white space을 제거 하시겠습니까? (이미 100 % .. 설정했습니다.)

Q2. btn을 (를) 파란색으로 다시 두 번 클릭 한 후 btn 위치가 이전과 같지 않습니다. 그것을 고치는 방법? (내가 btnwindow width이 다를 수 있습니다 클릭하면 확인을 console.log 설정 한 이유는 무엇입니까?)

jsFiddle
어떤 제안을 이해할 수있을 것이다, 감사합니다.

$(function(){ 
    //set column amount 
    var colamt=0; 
    var winwid = $(window).width(); 
    function setcolamt(){ 
     winwid = $(window).width();  
     console.log(winwid); 
     if(winwid > 300){ 
      if(colamt !== 8){ 
       colamt = 6; 
      } 
     } 
     console.log(colamt); 
    }; 
    setcolamt(); 
    //set column width 
    var colwid; 
    function setcolwid(){ 
     //set column width 
     colwid = 100/colamt + "%"; 
     console.log(colwid); 
    }; 
    setcolwid(); 
    //set img width 
    function setimgwid(){ 
     $('.box').css({width: colwid}); 
    }; 
    setimgwid(); 
    // ****** button 
    //set button postion 
    var boxwid; 
    function setbtnpos(){ 
     boxwid = $('.box').width(); 
     console.log(boxwid); 
     $('.colamtminus').css({top: boxwid * 2}); 
     $('.colamtplus').css({top: boxwid * 2});  
    }; 
    setbtnpos(); 
    //set button visibility when landing 
    function visbtnchangecolamt(){ 
     if(winwid > 300){ 
      if(colamt == 8){ 
       $('.colamtplus').show(); 
       $('.colamtminus').hide(); 
      } 
      else{ 
       $('.colamtplus').hide(); 
       $('.colamtminus').show(); 
      } 
     } 
    }; 
    visbtnchangecolamt(); 
    //click button update colamt and set button visibility 
    function setbtnchangecolamt(){ 
     winwid = $(window).width();  
     $('.colamtplus').click(function(){ 
      if(winwid > 300){ 
       colamt = 6; 
      } 
      setcolamt(); 
      setcolwid(); 
      setimgwid(); 
      setbtnpos(); 
      visbtnchangecolamt(); 
      $('.colamtplus').hide(); 
      $('.colamtminus').show(); 
     }); 
     $('.colamtminus').click(function(){ 
      winwid = $(window).width();  
      if(winwid > 300){ 
       colamt = 8; 
      } 
      setcolamt(); 
      setcolwid(); 
      setimgwid(); 
      setbtnpos(); 
      visbtnchangecolamt(); 
      $('.colamtplus').show(); 
      $('.colamtminus').hide(); 
     }); 
    }; 
    setbtnchangecolamt(); 
});​ 

Answer 1

setbtnchangecolamt()에서 setcolamt()를로드하지 마십시오.