不使用Angularjs的jQuery智能菜单

Question

我已经将这些代码放在Html部分：

<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>

在页面控制器中有：

 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">

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