Jquery 脚本不再工作-已重新定位元素

我尝试重新定位菜单的一个元素：

通过下面的a链接可以打开下拉菜单，但如果a链接位于html代码的顶部，则无法再打开菜单。不幸的是，它不能用于其他菜单。我是html和php新手，不知道解决方案，有人能帮我吗？许多问候

<a class="dropdown-toggle" data-toggle="dropdown" href="#">ALLE KATEGORIEN</a>
<div class="navbar">
    <div class="nav-collapse collapse">
        <ul class="nav">
            <li class="active">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">ALLE KATEGORIEN</a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">ABC</a></li>
                    <li><a href="#">ABC</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

<script>
$(document).ready(function () {
    $('.dropdown-toggle').on('mouseover', function () {
        $('.nav li').removeClass("open");
        $(this).parent().toggleClass("open");
        var height = $menu.outerHeight(); var width = $menu.outerWidth();
        $('ul.' + $(this).attr("rel") + ' li > a').removeClass("maintainHover");
        $('ul.' + $(this).attr("rel") + ' li > div').hide();
        $('ul.' + $(this).attr("rel") + ' li:first-child > a').addClass("maintainHover");
        $('ul.' + $(this).attr("rel") + ' li:first-child > div').css({
            'display': 'block',
            'left': width - 3,
            'height': height - 4,
            'top': -1
        });
    });
});
</script>

<script>
var $menu = $(".dropdown-menu");
$menu.menuAim({
    activate: activateSubmenu,
    deactivate: deactivateSubmenu,
});
</script>

---

这里有一个不错的间距：你注意到顶部链接并没有像第二个那样包装在所有其他div和列表中吗？而且它没有第二个那样的下拉菜单？在Firefox26中，小提琴似乎对我很有用。我不确定我是否看到问题。我认为打开函数是由数据切换函数启动的。有没有办法将a元素放在html代码的顶部，或者放在可以触发a元素的其他工作html元素上，例如按钮？许多问候