jquery - 如何动态改变div jquery的宽度

Question

<div class="video_wrpr" style="width: 1920px; left: -301px;">
            <div class="video1" style="width: 296.008px;">

这是我的 html 代码。我想计算动态变化的 video1 的宽度，并在我的情况下乘以某个数字 8 并改变 video_wrpr 的宽度。

element.style {
width: 296.008px;
}
.video1 {
position: relative;
float: left;
width: 235px;
margin-left: 5px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
height: 174px;
}

这是那个div的样式，然后元素样式中的宽度在调整屏幕大小时动态改变宽度。在尝试使用 width() 获取该 div 的宽度时。它给我的结果是 235px 而不是 296px。

然后我使用 $window.resize 来获取那个 div 的动态宽度

jQuery(function($){

     $(window).resize(function(e) {
            $('.video1').each(function() {
                slwidth = $(this).width();
             });
     });
    var sliderLength=parseInt(jQuery('.video_wrpr .video1').length);
    $('.video_wrpr').width((sliderLength*slwidth));

如果我用这个我想使用slwidth变量作为全局变量，我不知道如何实现。

我想知道这是唯一的方式还是存在任何其他方式？？

Answer 1

只需在所有函数之外声明 slwidth:

var slwidth = 0;
jQuery(function($){

 $(window).resize(function(e) {
        $('.video1').each(function() {
            slwidth = $(this).width();
         });
 });
var sliderLength=parseInt(jQuery('.video_wrpr .video1').length);
$('.video_wrpr').width((sliderLength*slwidth));