Question

在下面的代码中，有＆＃34; initialHeight＆＃34;具有固定值222的属性。问题是，网站是响应性设计的，所以我需要为＆＃34; initialHeight＆＃34;取决于屏幕分辨率。因此，如果可能的话，我需要让脚本从我在CSS中指定的任何内容中读取高度。

这是当前的代码：

<script type="text/javascript">
$().ready(function() { 
$("div.more-block").divgrow({
initialHeight: 222
}); 
});
</script>

所以我想要像......那样的东西。

<style type="text/css">

.height {height:250px}

@media screen and (max-width: 1440px) {
.height {height:210px}
}

@media screen and (max-width: 1200px) {
.height {height:150px}
}

</style>

<script type="text/javascript">
    $().ready(function() { 
    $("div.more-block").divgrow({
    initialHeight: (css height style from .height)
    }); 
 });
 </script>

这有可能吗？

Answer 1

我相信你要找的是先设置容器的最小高度：

@media screen and (max-width: 1440px) {
   .more-block {
      min-height: 210px;
   }
}

然后你就可以在JS中得到那个值：

var $more = $("div.more-block");
var initialHeight = parseInt($more.css('min-height'));

$more.divgrow({
    initialHeight: initialHeight
});

在Jquery中，需要从CSS而不是固定数字中获取数值

1 个答案: