问题标签 [off-canvas-menu]

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 投票
1 回答
133 浏览

bootstrap-5 - Bootstrap Offcanvas 导航 - 不要在关闭时重置背景

我在 offcanvas div 中有很长的链接列表。这些在表单中是因为我想用它们来导航一个很长的背景页面。(实际上,它是一个目录)

画布愉快地弹出。导航链接有效;将背景页面跳转到正确的位置。欢呼!

但是......当您选择并链接并将背景页面导航到某个位置然后关闭画布时,背景页面将重置为页面顶部!啊...

当我关闭画布时,如何防止背景页面重置位置?

感谢您提供的任何帮助。

0 投票
1 回答
1163 浏览

javascript - Bootstrap 5 offcanvas 错误:未捕获的 TypeError:无法读取未定义的属性“parentNode”

<tr>循环遍历列表以创建信息表和画布菜单以在单击表行时显示附加信息。目前,当我单击任何 . 任何想法为什么我会收到此错误?

<tr>有一个指向 Offcanvas 的正确“id”的“data-bs-target”点,但由于某种原因它不知道 parentNode。

错误信息

下面是捕获正确生成的页面的屏幕截图。注意:由于这是捕获 fqdn 信息,因此为了安全起见,我阻止了我的域。 静态 HTML

0 投票
0 回答
150 浏览

javascript - shopware 6:如何在 offCanvas 菜单元素中添加自定义菜单?

我想在 offCanvas 菜单中添加自定义菜单。在下面的图片中,我想显示我的自定义菜单名称=> 配置文件以及语言切换器菜单。有人可以帮我怎么做吗?

0 投票
1 回答
381 浏览

reactjs - offcanvas 组件内的错误 setState 调用

我在侧边栏引导程序 offcanvas 组件中遇到错误的 setState() 错误。它说它在渲染不同的组件 sidebar() 时无法更新组件 App() 对不起,但我不得不删除我的大部分代码,这是一个 fetch 调用。谢谢。

错误:index.js:1 Warning: Cannot update a component (App) while rendering a different component (Sidebar). To locate the bad setState() call inside Sidebar, follow the stack trace as described in

应用程序.js

Sidebar.js

0 投票
0 回答
25 浏览

bootstrap-5 - Livewire offcanvas Bootstrap 5

我使用 Livewire 和 Bootstrap 5。我在 Livewire 组件中有一个 Offcanvas,当单击按钮时会显示它。在这个画布中,我有一个文本区域,它通过 LiveWire 向服务器发出请求。

此请求使画布消失,而我希望它保持显示。为此,我使用wire:ignore-self。这很好用,但覆盖不会留下,因为它是通过 Bootstrap 生成的,所以不可能把它放在 ignore-self 中。怎么做

0 投票
0 回答
91 浏览

laravel - 链接在 Bootstrap Offcanvas 中不起作用

我已经实现了一个 Offcanvas 侧边栏。它显示得很好,但侧边栏中的链接实际上都不起作用。当我单击链接时,没有任何反应。我认为我对机制的理解不够好,所以这里的任何指导都将不胜感激。

我正在使用 Laravel,因此此代码位于为每个页面加载的视图中(例如 app.blade.php)。侧边栏工作正常,可以使用按钮正确切换,但链接不会带我去任何地方。我错过了什么?

这是代码。Link1 和 Link2 在我的测试应用程序中是有效的 Laravel 路由。

0 投票
0 回答
26 浏览

node.js - 如何在带有表格行的画布上使用引导程序?

我想将画布侧边栏与我的表格结合使用。我使用 node js express 应用程序和一个 ejs 视图引擎来获取我的表的动态值。我不太确定如何创建画布侧边栏。我猜我必须在我的 <tbody>行中使用锚标记。

考虑到上面的代码,我希望用户能够点击这个词,即。<td><%= term.term %></td>然后边栏出现,术语、id 和定义很好地呈现在画布上。

任何帮助,将不胜感激

0 投票
0 回答
41 浏览

bootstrap-5 - 当我尝试单击 offcanvas bootstrap5 中的任何内容时,它会关闭,就像我在 offcanvas 外部单击时一样

当我单击按钮时,画布外弹出窗口,但是当我单击它时,它会关闭,就像我单击它外部时一样 在此处输入图像描述

我什至从官方网站 bootstrap5 复制了确切的代码

这些是结果的图像,第一个图像是按钮,第二个是 offcanvas 弹出窗口,但我点击它的那一刻就关闭了

0 投票
0 回答
17 浏览

css - Bootstrap 5 offcanvas 导航栏切换器在手机 Cell 上重叠

我在我的网站上使用 bootstrap 5,并将 offcanvas 放在我的导航栏上。它在 MD 上对 XL 有响应,但在 MD 尺寸下开始重叠。

所以它看起来导航栏比身体大。你能帮我让导航栏看起来正常吗?

0 投票
0 回答
10 浏览

bootstrap-5 - 如何使用 jquery 在网页上动态放置 Bootstrap 非画布导航侧边栏

我一直在一个网站上工作,在该网站上,我的子网站中有页眉导航、页脚和侧边栏导航。为了便于维护,我将页眉和页脚放在使用 jquery 的页面上。

“标题”

“页脚”

“侧边栏”

我一直在尝试使用相同的概念放置具有推送功能的画布侧边栏,但是当呈现页面时,页面的内容会出现在菜单下方。我已经成功使用了画布外覆盖(菜单浮动在页面内容上)但是当我尝试使用推送(打开菜单时推送所有页面内容)导航侧边栏时它不起作用。

想法?

任何建议,将不胜感激。

谢谢