Jquery 根据父div的宽度左右浮动div

抱歉，如果标题让人困惑，因为我找不到适合我的问题的标题。但我肯定知道我在努力实现什么

如果您查看的下拉列表，您可以在鼠标上看到下拉列表正在改变其方向，即如果鼠标在第一个菜单上移动，则div从右向左显示，最后一个菜单从左向右显示。目前这是静态的，但我希望使用jquery获得相同的概念

对不起，我没有这个JSFIDLE

请让我知道，如果有任何类型的教程或小提琴

---

谢谢。

您可以通过检查窗口宽度、下拉框宽度和左侧导航项位置来找到下拉框的位置

您可以使用此逻辑，id当前导航的左坐标位于窗口的左半部分，然后应用浮点：左，否则应用浮点：右

代码：

风格：

.float_left_class{
    float:left;
}

.float_rght_class{
    float:right;
}
.navigationItem{
    display:none;
}

Html:

细节

我建议，做一些研究，做一些努力并发布一些提琴。谢谢Nathan…让我试试。谢谢Anjith…目前正在研究如何获取div的位置及其主容器宽度的jquery教程。左右位置必须是动态的。太棒了！！。。。我现在要试试这个逻辑。我的html有点不同，但这个逻辑肯定会起作用。你用css样式创建了一个小提琴，这样我们就可以帮助你了。问题解决了。实际上我的代码不同了。我有一个滑块，只要点击滑块内的任何项目，从左到右或从右到左的不可见div就会出现在旁边项目。现在我被计算部分卡住了。我已经取了项目的左侧位置和div内容的左侧位置，然后从divcontentpos中减去itempos。我将尝试在浏览器中显示最终结果。非常感谢您的想法。这就是我需要的。

.float_left_class{
    float:left;
}

.float_rght_class{
    float:right;
}
.navigationItem{
    display:none;
}

<ul>
    <li>
        <a href="#" class="navLink">Navigation 1 </a>
        <div class="navigationItem">Detail</div>
    </li>
</ul>