Question

悬停后是否可以获取包含未知内容的div的高度而不启动悬停本身？

jquery可以帮忙吗？

＆＃13;

.content-container{
  width:20%;
  border:1px solid #000;
}

.content-container:hover{
  width:100%;
}

＆＃13;

<div class="content-container">Some content that can be anything of any length</div>

＆＃13;

Answer 1

你必须做一些事情来使规则适用，进行测量，然后删除那些东西。一种简单的方法是更新规则以适用于类，然后添加类，测量，删除类：

var container = $(".content-container");
var unexpanded = container.height();
console.log("height when unexpanded: " + unexpanded);
container.addClass("expand");
var expanded = container.height();
container.removeClass("expand");
console.log("height when expanded: " + expanded);

.content-container{
  width:20%;
  border:1px solid #000;
}

.content-container:hover, .content-container.expand {
  width:100%;
}

<div class="content-container">Some content that can be anything of any length</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

衡量第一个/唯一.content-container。如果您有多个，则需要each循环：

$(".content-container").each(function() {
    var container = $(this);
    // ...
});

我可以在悬停后获得div的属性而不启动悬停本身吗？

1 个答案: