Question

我对 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>

所以我想在窗口宽度小于992px时更改高度（jwheight）。

所有帮助将不胜感激，谢谢。

Answer 1

你的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>

Answer 2

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

您可能需要根据宽度计算高度，然后将其与当前高度进行比较，以便在实际没有尺寸更改时不要调用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);

更改窗口宽度的变量值jQuery

2 个答案: