メニューに jQuery アニメーションを使用しているため、position: absolute を使用する必要があります。各テキスト文字列間の距離を同じに保ちたいのですが、それぞれ幅が異なります。jQuery 幅関数を使用すると、結果が悪くなります。これを行うより良い方法はありますか?
$(document).ready(function () {
$(".menuitem").css('margin-left', -80);
var url = window.location;
$('.menulink').filter(function () {
return this.href == url;
}).removeClass('menulink');
//$(".menuitem").animate({marginLeft: "20px"}, 2000);
var number = (".menuitem").length;
var px = number * 40 + 60;
$($(".menuitem").get().reverse()).each(function (i, e) {
$(this).delay(i * 200).animate({
left: px
}, 1000, 'linear');
px = px - 80;
});
});