html - 下拉菜单宽度更改为动态

Question

在此示例中，“我的帐户”文本的宽度是固定的。我想要做的是使其动态化，因此它应该根据文本的长度扩大或缩小，因为我将打印用户的全名，而不是写“我的帐户”，并且总是不同的。

菜单离开当前位置，当我更改位置和宽度值时。

例子

如果您知道更简单的示例，请告诉我。

谢谢

Answer 1

您需要删除所有给下拉设置宽度的样式，并$('.submenu').width($('.account').outerWidth());在页面加载时添加。

jsFiddle：http: //jsfiddle.net/fRGqD/1/