搜索公式以沿宽度对齐菜单中的子菜单方向答案

【问题标题】：Searching for formula to align submenus direction in menu along the width搜索公式以沿宽度对齐菜单中的子菜单方向
【发布时间】：2014-07-20 12:34:54
【问题描述】：

目前我正在努力实现这一目标

有了这个：http://jsfiddle.net/EJXNV/3/

HTML：

<div>
<ul>
<li><a href="">Menu</a>
    <ul>
        <li><a href="">Menu item 1</a></li>
        <li><a href="">Menu item 2</a></li>
        <li><a href="">Menu item 3</a></li>
    </ul>
</li>
<li><a href="">Menu</a>
    <ul>
        <li><a href="">Menu item 1</a></li>
        <li><a href="">Menu item 2</a></li>
        <li><a href="">Menu item 3</a></li>
    </ul>    
</li>
<li><a href="">Menu</a>
    <ul>
        <li><a href="">Menu item 1</a></li>
        <li><a href="">Menu item 2</a></li>
        <li><a href="">Menu item 3</a></li>
    </ul>
</li>
<li><a href="">Menu</a>
    <ul>
        <li><a href="">Menu item 1</a></li>
        <li><a href="">Menu item 2</a></li>
        <li><a href="">Menu item 3</a></li>
    </ul>
</li>
<li><a href="">Menu</a>
    <ul>
        <li><a href="">Menu item 1</a></li>
        <li><a href="">Menu item 2</a></li>
        <li><a href="">Menu item 3</a></li>
    </ul>    
</li>
<li><a href="">Menu</a>
    <ul>
        <li><a href="">Menu item 1</a></li>
        <li><a href="">Menu item 2</a></li>
        <li><a href="">Menu item 3</a></li>
    </ul>
</li>

JS：

var coef = 7.5;

$("div > ul > li").each(function () {
$(this).children("ul").css("left", 
                       ($(this).position().left 
                       / coef) 
                       * (-1));
 });

但我不知道我应该从哪里得到这个系数 = 7.5（我根据经验得到了它）。

请帮我找出我应该使用什么公式来获得这个系数。

【问题讨论】：

标签： javascript jquery drop-down-menu alignment submenu

【解决方案1】：

我自己搞定了：

$("div > ul > li").each(function () {
var coef = $("div > ul > li").last().position().left / ($(this).children("ul").width() -  $(this).width());
$(this).children("ul").css("left", ($(this).position().left / coef) * (-1));
 });

http://jsfiddle.net/EJXNV/4/

适用于任何元素的任何宽度（容器除外，它必须是固定宽度和相对宽度）。

【讨论】：