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

In Jquery, need to get number value from CSS instead of fixed number

本文关键字：数字 获取 Jquery CSS 取数值      更新时间：2023-09-26

在下面的代码中，有一个固定值222的"initialHeight"属性。问题是，该网站是设计响应性的，所以我需要有不同的值"initialHeight"根据屏幕分辨率。因此，如果可能的话，我需要让脚本从我在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>

这可能吗?

我相信你正在寻找的是首先设置您的容器的最小高度:

@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
});
相关文章：