如何在转换后获取元素的属性?

时间:2012-03-30 12:34:47

标签: jquery css3

我正在对元素的宽度进行转换。 在我的jquery中我添加了一个类,在css中我描述了转换。如果我现在用jquery查询添加类后该元素的宽度,我得到这个元素的当前宽度,但这不是它的最终宽度。 我如何获得最终宽度?是否有事件,转型完成或类似的事情? 我应该使用超时或jquery手表吗?

亲切的问候 基督教

编辑: 现在更好:JSFiddle

在第一次单击时,方法width()返回100,在转换后它返回200.如何在第一次单击时获得结果?

1 个答案:

答案 0 :(得分:2)

确保要转换的元素具有块的显示类型(display:block),否则无法修改元素的宽度。

HTML:

<a href="#">Bigger</a>

Jquery的:

$('a').click(function(e){
    console.log($(this).width());
    $(this).addClass('bigger');
    console.log($(this).width());
});

CSS:

a {
    width:100px;
    background: #ccc;
}
.bigger {
    width: 200px;
}