jquery - 动态填充 (jQuery)

Question

$('#menu .sub-right').css( 'paddingLeft', $('#menu .sub-left').width() );

也不

$('#menu .sub-right').css({'padding-left': $('#menu .sub-left').width()});

...这些工作。我究竟做错了什么？

谢谢！

Answer 1

这行得通吗？

$('#menu .sub-right').css( 'padding-left', $('#menu .sub-left').width()+"px" );

宽度函数文档指出：

.css(width) 和 .width() 之间的区别在于后者返回一个无单位的像素值（例如，400），而前者返回一个单位完整的值（例如，400px）。当需要在数学计算中使用元素的宽度时，建议使用 .width() 方法。

但是由于 CSS 需要 ###px，您可以使用上面的代码或以下代码：

$('#menu .sub-right').css( 'padding-left', $('#menu .sub-left').css('width') );

任何一个都应该工作。