改变窗口宽度的变量值

Change variable value on window width change jQuery

本文关键字：变量值 窗口 改变      更新时间：2023-09-26

我是相当新的jQuery/javascript，我有一个快速的问题，可能很简单，但我似乎不能弄清楚。

我想在窗口宽度改变时改变一个变量值。我用jQuery做的原因是我不能通过css改变宽度或高度。

我的代码: 

<script type="text/javascript">
    var jwheight = 390,
    windowSize = $(window).width();
    $(window).resize(function(){
        if (windowSize < 992) {
            jwheight = 39;
        }
    })
player.initialize(800, jwheight, "player", "http://www.website.com", "http://www.website.com/static/images/logo.png", true);
</script>

所以我想改变高度(jwheight)当窗口宽度小于992px

您的windowSize在调整大小函数之外，因此它将始终具有相同的值。您应该在函数中使用宽度，如下所示:

<script type="text/javascript">
    var jwheight = 390;
    $(window).resize(function(){
        if ($(window).width() < 992) {
            jwheight = 39;
        }
    })
    player.initialize(800, jwheight, "player", "http://www.website.com", "http://www.website.com/static/images/logo.png", true);
</script>

检查resize事件中的$(window).width()值，并根据结果调整玩家的大小。

你需要根据宽度计算高度，然后将其与当前高度进行比较，这样你就不会在没有实际大小变化时调用player.resize:

var jwheight = 390;
$(window).resize(function(){
  var newHeight = $(window).width() < 992 ? 39 : 390;
  if (newHeight != jwheight) {
    jwheight = newHeight;
    player.resize(800, jwheight);
  }
})
player.initialize(800, jwheight, "player", "http://www.website.com", "http://www.website.com/static/images/logo.png", true);
相关文章：