问题标签 [metismenu]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2062 浏览

jquery - 异步加载数据后重置 MetisMenu

我正在使用带有动态的MetisMenu<div>。当我在 this 下加载新的子菜单<div>时,插件停止运行。

有没有办法在我的 AJAX 调用的成功部分重置插件?我试过了:

但它不起作用。

0 投票
2 回答
812 浏览

javascript - 如何在metisMenu中使父链接可点击

我正在尝试更改 metisMenu 的默认行为,以便如果父菜单有链接,那么如果用户单击该链接,它将打开该链接,否则如果用户单击该链接,它将显示打开的子菜单<

metisMenu 对我来说工作得很好,但我注意到我也有与父菜单关联的链接,它应该是可点击的,默认情况下是不可能的。

例如,在此示例Category菜单中也有子菜单项。我要尝试的是,如果用户单击该Category部分,那么它应该转到该页面链接,或者如果用户单击,<那么它应该显示菜单。

我寻找文档离子,但找不到太多关于此的内容。有没有办法在 metisMenu https://github.com/onokumus/metisMenu中做到这一点

代码笔示例https://codepen.io/anon/pen/zjWodW

0 投票
0 回答
845 浏览

javascript - __WEBPACK_IMPORTED_MODULE_0_jquery___default(...)(...).metisMenu 错误

我已经尝试了多种方法,例如删除 node_modules 文件夹,使用 npm 和 yarn 安装所有内容。我将依赖项添加到 package.json

这些是我的依赖项:

以下是我的 app.js:

我尝试导入包并要求它。但错误仍然发生。这是我在控制台中收到的错误(我使用的是 Chrome):

任何帮助将不胜感激!

0 投票
1 回答
223 浏览

reactjs - ReactJS fetchAPI JSON 类型 - TypeError:content.forEach 不是函数

我正在使用https://www.npmjs.com/package/react-metismenu作为 metismenu 并使用 fetch api 从服务中获取响应。我得到了正确的响应,但低于异常

服务代码:

和 index.js 代码:

如果我对 const 值进行硬编码,那么它可以正常工作。

让它工作,问题是 CORS,所以我在我正在使用的其他应用程序的 web.xml 中避免使用 CORS。并用以下部分更改了代码:

现在唯一的问题是内容中的嵌套内容不起作用,任何人都可以帮助我。我还尝试了https://github.com/alpertuna/react-metismenu中提到的 ajax ,它也没有用。

0 投票
1 回答
99 浏览

reactjs - 如何使用相同对象的 FetchAPI 嵌套数组

我正在尝试显示可以具有父子关系的菜单,平面结构可以正常工作,但嵌套对象无法做到这一点。下面是 JSON 和 reactJS 代码。JSON -

ReactJS 代码 -

在 JSON 中,您可以看到“系统偏好设置”具有嵌套内容。

0 投票
0 回答
127 浏览

html - 如何修复metisMenu

我为我的仪表板开发了菜单,metisMenu用于我的元素。菜单正在显示,但是当我单击显示子菜单的菜单按钮时,不显示子菜单!

如何解决这个问题,谢谢。文件 .html:

0 投票
1 回答
114 浏览

jquery - 如何在 vue js 中使用其他插件

metisMenu 是一个 jQuery 菜单插件我知道它可以通过 jQuery 代码工作,但是当路由器在 vue js 中更改时如何让它工作?

0 投票
0 回答
459 浏览

vuejs2 - 在 vue 应用中使 metisMenu 正常工作

我想使用来自https://github.com/dpwilhelmsen/sb-admin-2-bootstrap-4的 SB Admin 2 模板

在我的 Laravel 5.7 / Vuejs 2.6 / Vuex 3.1/ Bootstrap 4.3 应用程序中,我为此采取了一些步骤:

因为它基于 metismenu 在控制台中我运行下一个命令:

在 resources/js/app.js 我包含了 metismenu:

在所有 vue 页面中使用的 resources/js/helpers/commonFuncs.js 中,我在方法处初始化菜单:

查看控制台我没有看到任何 JS 错误,并且看起来 window 是正确的 JS 对象。

我想那是 metismenu 初始化的最佳位置。

我没有手动附加任何 metisMenu.js / css 文件,如上所示

做好了。

但是我的页面布局被破坏了。您可以在http://hostels-tours.nilov-sergey-demo-apps.tk/admin/dashboard现场查看 请注意控制台输出:https ://imgur.com/a/xZ0EVNg

我添加了样式定义:

确保应用了 resources/sass/sb2/sb-admin-2.scss 中的样式。出了什么问题,是否可以在 vue app metisMenu.js 中工作?

谢谢!

0 投票
0 回答
349 浏览

reactjs - 如何在将活动链接设置为另一个链接时折叠 metismenu react js 中的菜单?

我的菜单结构如下: 在此处输入图像描述

默认页面是主页。在单击任何菜单甚至子菜单时,应突出显示该特定菜单选项。这我可以通过

另外我需要实现的是,默认情况下菜单 1.1 和菜单 1.2 应该折叠,但活动链接仍然应该基于页面的地址。

0 投票
1 回答
645 浏览

jquery - 在 Angular 8 中使用 metismenu,第二级导航无法在移动尺寸屏幕中打开

我是 Angular 的新手,正在尝试使用 Jquery 和 metismenu 将网站(管理主题)转换为 Angular(我知道很多人不想使用 Jquery,但是当我尝试迁移网站时,我不想修改很多事情)场景:在通过小型设备打开的网站中,页面如下所示

步骤是: 1. 用户单击 fa-bars 图标 2. 出现垂直菜单,当用户单击任何菜单图标时, 3. 链接出现在右侧

挑战是使用 Angular 8 获得相同的行为。此时我的标题 component.html (让 fa-bar 工作读取的那个)

我的头文件 component.ts 内容如下:

我的侧边栏菜单显示:

我的侧边栏组件 ts 内容如下:

现在,通过该设置,在正常屏幕中一切都“正常”(菜单在侧面正常,fa-bars 按钮在那里,我可以点击链接等)但是当我进入移动模式时,fa-bars按钮起作用并且出现了细长的滚动条,但是,即使在单击任何菜单按钮后我可以看到发生了某些事情(左侧的绿色条处于活动状态),也不会出现第二级导航链接。我已经这样做了一天左右,阅读了大量的内容并尝试了很多不同的设置,但无济于事,如果一个善良的灵魂可以帮助我或为我指明正确的方向,我将不胜感激。