jQuery 相对位置插件 - nextTo

问题

我过去已经创建了不少 jQuery 插件，在工作中和个人使用中，在很多插件里，总有一些代码片段会不断重复出现。

这些代码片段之一与相对于另一个元素计算元素位置有关。
例如，在创建下拉菜单或工具提示的插件时，你无法避免其中包含一段难看的代码，它所做的全部工作就是计算元素相对于我们点击或悬停的元素的位置。

我认为我不需要发布这方面的示例，你可能知道我的意思。 这通常是插件中最难维护和最难理解的代码部分。

解决方案

我最终决定将这段难看的代码提取到一个漂亮的 jQuery 插件中，该插件将包含所有繁琐的计算工作，并为你留下一个简洁、清晰且易于理解的代码片段在你的插件内部。

<script type="text/javascript">
    $(function() {
        $('.PutThisDiv').nextTo('.ThisOtherDiv', {position:'right', shareBorder:'top'});
    });
</script>

该插件托管在 Google code 上：https://code.google.com/p/next-to/ (项目名称：'next-to')
在项目页面上，你将找到更多示例用法、用法说明、源代码和精简版本。