2017-12-26 1 views
0

안녕하세요. 내가 페이지를 열 때Jquery. 각 요소를 사용하여 창 크기를 조정 한 후 요소의 새 매개 변수를 얻는 방법?

var repo = { 
    doSmth: function(){ 
     $('.block').each(function(i, obj) { 
      console.log($(this).width()); 
     })  
    } 
} 

(function() { 

    repo.doSmth(); 
    function onResize(){ 
     repo.doSmth(); 

    }; 
    $(window).on('resize',onResize); 

})(); 

, 나는 콘솔에있는 요소의 실제 크기를 참조,하지만 난 창 크기 doSmth()가 작동 중이을 변경할 수 있지만 때 초기 요소의 크기를 보여줍니다. 새로 고침 후 실제 데이터가 필요합니다. 어떻게해야합니까? 크기 조정시 일종의 라이브 기능이 필요합니다.

+1

크기 변경의 백분율을 계산해야합니까? 내 말은, 크기가 100px이고 내부 블록이 50px 인 경우입니다. 클라이언트의 페이지 크기를 110px로 조정하면 내부 블록의 크기가 55px로 조정되어야합니까? – TamirNahum

+0

하나의 상위 블록이 있습니다. 가변 개수의 li 요소를 포함합니다. CSS는 부모 블록 (https://getbootstrap.com/docs/4.0/utilities/flex/-> d-flex justify-content-between)의 전체 너비를 정당화 (bootstrap 4, flex)하여 전체 외부 부모 컨테이너의 폭 그렇다면 유용한 가로 공간을 얻고 부모 요소에 대해 폭과 폭을 동일하게 만듭니다. https://stackoverflow.com/questions/47976807/bootstrap-4-beta-2-how-to-make-equal-width-li-inside-different-col-which-are-st - 여기 내가 필요한 것입니다. 해야 할 것. –

+0

@ 존 스미스 (JohnSmith)는 이것을 위해 HTML을 공유 할 수 있습니까? 바이올린이 도움이 될 것입니다. –

답변

0

내가 실행하는 코드를 가져올 수 없습니다, 그래서 당신이 필요로하는 무엇을해야 뭔가 썼다 :

$(window).on('resize',onResize); 

function onResize() { 
var block = $('.block'); 
block.each(function(){ 
    console.log($(this).width()); 
}); 
} 
0

을 console.log ($ (이) .width())를;

나는이 문제가 'this'객체가 변경되었을 수 있다고 생각했습니다.

+0

당신은'this' 객체가 어떻게 바뀌 었는지에 대해 자세히 설명 할 수 있습니까? –

관련 문제