jquery metisMenu 无法在 ng-include 内工作

标签 jquery angularjs jquery-plugins angularjs-ng-include

我想使用ng-include来渲染template的侧边栏。该模板需要jQuery metisMenu 插件作为下拉菜单。

问题:只有当我在部分模板“sidebar.html”中加载以下脚本时,插件才能工作:

<script src="//cdnjs.cloudflare.com/ajax/libs/metisMenu/1.1.0/metisMenu.js"></script>

<script>$(function() {
    $('#side-menu').metisMenu();
});</script>

当我尝试将它们加载到内部index.html失败

我只想在 index.html 中加载插件一次,因为我可能也需要在其他部分中使用它。这是 Plunker需要在部分内部加载脚本的工作模型。请注意,将脚本从 sidebar.html 移动到 index.html 时,下拉菜单将停止工作。

如有任何帮助,我们将不胜感激。提前致谢。

最佳答案

我也有同样的问题。您需要添加 metisMenu();在你的主 Controller 中:

app.controller('mainController', function($scope, Config) {
  $('#side-menu').metisMenu();
});

关于jquery metisMenu 无法在 ng-include 内工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26335696/

相关文章:

javascript - 获取标签内的所有节点

angularjs - Angular 中的谷歌地图无法正确更新 map

javascript - Fullcalendar - 调整自定义时间的日历 View 日显示范围

jquery - 在 colorbox 插件中加载后如何获取实际图像宽度和高度?

javascript - e.target.hasClass() 不适用于所有匹配元素

javascript - JQuery, Action 无法识别函数内部的变量

angularjs - $element 和 $ attrs 在带有 angularJS 组件的组件 Controller 中的用途 1.5

javascript - 在 AngularJS 1.4.8 中观察元素高度的正确方法是什么?

javascript - 向现有的 JQuery 插件添加功能

javascript - 沿圆圈旋转链接