동적 너비 변경 jquery, 무엇이 잘못 되었나요?

Question

방금 ​​첫 웹 사이트 색인을 코딩했는데 jQuery에서 만든 이미지 슬라이더를 제외하고 모든 것이 정상인 것 같습니다.

나는 창 너비를 고려하여 슬라이더를 더 크게 또는 작게 만드는 코드도 만들었고 작동하고 있습니다. 하지만 문제는 브라우저를 새로 고친 후에 만 ​​작동한다는 것입니다. 사용자가 브라우저의 크기를 조정하는 동안 슬라이더가 그에 따라 더 넓거나 작은 너비를 갖도록 즉석에서 작업하고 싶습니다.

여기에 내가 쓴 코드입니다 : 모든

$(window).resize(function(){ 
    $('#homeSlider').css({ 
    width: ($(window).width())*0.3167 
    }); 
}); 
$(window).resize(); 

Answer 1

첫째, 왜 단지 CSS width: 31.67%를 사용하지?

$(window).resize()에 전화 할 때 코드가 모두 존재하는지 확인해야하므로 코드를 $(document).ready()에 래핑해야합니다.

$(document).ready(function() { 
    $(window).resize(function(){ 
     $('#homeSlider').css({ 
     width: ($(window).width())*0.3167 
     }); 
    }); 
    $(window).resize(); 
}); 

Answer 2

function set_resize(){ 
    $('#homeSlider').css('width',(($(window).width())*0.3167)); 
} 
$(document).ready(function() { 
    set_resize(); 
}); 
$(window).resize(function() { 
    set_resize(); 
});