改变菜单的方向

Question

我下载了一个名为“jQuery mega menu”的漂亮菜单，原始Demo在这里“http://www.htmldrive.net/items/demo/872/Nice-Multiple-jQuery-Mega-Drop-Down-Menu”

我试图改变它的方向，如希伯来语，阿拉伯语，波斯语等RTL语言。我几乎成功了。这是RTL演示：http://jsfiddle.net/H5rq6/embedded/result/

我遇到了一个小问题。当我将鼠标悬停在单个列菜单上时，如“关于我们”，您可以在我的演示中看到。菜单修复像LTR，但我想修复像rtl。我不知道我的问题是什么。

// Calc Required Left Margin incl additional required for right align
var marginLeft = (totalItemWidth - parentWidth + 35);
var subLeft = parentLeft - marginLeft;
if (subLeft < 0) {
$('.sub-container', this).css('left', '0');
}else {
$('.sub-container', this).css('left', parentLeft + 'px').css('margin-left', -marginLeft + 'px');;
}

这就是我改变的。

Answer 1

您需要从偏移量中减去父宽度：

$('.sub-container', this).css('left', parentLeft-parentWidth  + 'px').css('margin-left', -marginLeft + 'px');