javascript - jQuery 智能菜单在 Angularjs 中不起作用

Question

我已将此代码放在 Html head 部分:

<script src="lib/smart-menus/jquery.smartmenus.min.js"></script>
<script type="text/javascript">
        $(function() {
            $('#main-menu').smartmenus({
                subMenusSubOffsetX: 1,
                subMenusSubOffsetY: -8
            });
        });
</script>
<link href="lib/smart-menus/sm-core-css.css" rel="stylesheet" />
<link href="lib/smart-menus/sm-blue.css" rel="stylesheet" />

在正文中:

<nav id="main-nav" role="navigation">
        <div id="main-menu" class="sm sm-rtl sm-blue">
            <ul>
                <li><a ui-sref="site.home">Home</a></li>
                <li ng-repeat="menu in menus">
                    <a href='#'>{{menu.Title}}</a>
                    <ul ng-show="getHasSubMenus(menu)">
                        <li ng-repeat="subMenu in menu.SubMenus">
                            <a ui-sref="site.shopbycategory({ departmentID: subMenu.DepartmentID , categoryID: subMenu.CategoryID, searchTerm: '' })">
                                {{subMenu.Title}}
                            </a>
                        </li>

                    </ul>
                </li>
                <li><a ui-sref="site.contact">Contacts</a></li>
            </ul>
        </div>
    </nav>

在我的页面 Controller 中:

 function siteController($scope, $location, $rootScope, Account, $state, $stateParams, Site, $timeout) {

    $timeout(function () {            
        $scope.getMenus(function () { // OnSuccess                 
            $('#main-menu').smartmenus('refresh');                
        });
    }, 1);}

我还在其他脚本之前包含了 jQuery 1.12。我可以验证 angularjs 是否已在 IE 中使用 F12 将所有菜单添加到主菜单 div，但页面中没有任何内容，我也没有从这些代码中得到任何错误。我的代码正确吗？

Answer 1

我改变了:

<div id="main-menu" class="sm sm-rtl sm-blue">
        <ul>

到:

<ul id="main-menu" class="sm sm-rtl sm-blue">

现在顶级链接工作和子菜单，尽管不显示。