navigation 相关问题

导航是指导航资源网络的过程,以及用于执行此操作的用户界面。

“如何使用 JavaScript 来检测哪个页面打开,以便为正确的元素分配一个类?

我正在创建侧边菜单,我正在尝试创建javascript,检测我所在的页面,并将活动类添加到右侧元素。 我有这个html: 我正在创建侧边菜单,我正在尝试创建 javascript,检测我所在的页面,并将活动类添加到右侧元素。 我有这个html: <div> <ul> <li> <a href="link1.html" className="menuLink"> Page 1 </a></li> <li> <a href="link2.html" className="menuLink"> Page 2 </a></li> <li> <a href="link3.html" className="menuLink"> Page 3 </a></li> </ul> </div> ChatGpt sugestset 这个 javascipt 代码: const currentPath = window.location.pathname; document.querySelectorAll('.menuLink').forEach((link) => { if (link.getAttribute('href') === currentPath) { link.classList.add('active'); } }); 遗憾的是它不起作用。有什么建议吗?谢谢。 CHatGPT 由于一个小原因是不正确的。 window.location.pathname 返回当前文件的路径,并带有前导斜杠 /。但是,锚点的 href 没有前导斜杠。因此,您需要将它们添加到 href 才能正常工作: const currentPath = window.location.pathname; document.querySelectorAll('.menuLink').forEach((link) => { link.classList.toggle('active', (link.getAttribute('href') === currentPath)); }); <div> <ul> <li> <a href="/link1.html" className="menuLink"> Page 1 </a></li> <li> <a href="/link2.html" className="menuLink"> Page 2 </a></li> <li> <a href="/link3.html" className="menuLink"> Page 3 </a></li> </ul> </div> 您可以根据条件使用 classList.toggle() 添加班级。所以你不需要 if 声明。

回答 1 投票 0

jetpack 组成重叠屏幕

在 Android jetpack 中撰写 我必须导航到具有视图模型和状态的屏幕。 我不想使用对话框,因为它使我的架构变得复杂 那么如何从第一个屏幕导航...

回答 1 投票 0

使用动态加载的数据在详细视图中的文章之间导航

我正在构建一个 SwiftUI 应用程序,它显示从 Firestore 获取的文章列表。该应用程序有一个显示文章的列表视图和一个显示所选内容的详细信息的详细视图...

回答 1 投票 0

AndroidTest Compose IllegalStateException:给定组件持有者类 androidx.activity.ComponentActivity 未实现接口 dagger.hilt

我现在看到了一些事情,您尝试使用 hilt 导航注入 viewModel 并且它给出了错误。 这个问题是最相似的。 我有一个抽象的 viewModel,它正在

回答 1 投票 0

AndroidTest IllegalStateException:给定组件持有者类 androidx.activity.ComponentActivity 未实现接口 dagger.hilt

我现在看到了一些事情,您尝试使用 hilt 导航注入 viewModel 并且它给出了错误。 这个问题是最相似的。 我有一个抽象的 viewModel,它正在

回答 1 投票 0

将 Flutter 导航器状态重新加载到第一个屏幕

我想根据部门更改的 if 条件将导航器状态重新加载到第一个屏幕。我的代码如下: 无效 didChangeDependency() { super.didChangeDependency()...

回答 1 投票 0

将 Flutter 导航器状态重新加载到第一个

我想根据部门更改的 if 条件将导航器状态重新加载到第一个屏幕。我的代码如下: 无效 didChangeDependency() { super.didChangeDependency()...

回答 1 投票 0

如何使 Angular `routerLink` 片段导航滚动到我的 `id` 目标?

有人可以帮我让 routerLink 片段滚动工作吗? =>“正在工作”意味着当我单击 routerLink 时,它会滚动到具有匹配 id 的元素。 ;)

回答 3 投票 0

客户端中的 Blazor Web 应用程序导航管理器 -> Exception_WasThrown

我正在使用 VS2022 创建 Blazor Web 应用程序。以下是项目概述: 在客户端项目的代码部分中使用 NavigationManager 时,出现 Exception_WasThrown 错误: 这里是...

回答 1 投票 0

如何使用 Link 导航到 Next.js 中的新页面?

我正在开发一个 Next.js 项目,其中有一个 StudentsPage.tsx 组件,其中包含一个用于导航到 NewStudent.tsx 页面的按钮。然而,NewStudent

回答 1 投票 0

Astro.js:为每个文件夹创建导航结构

我有一个 Astro 网站,如下所示: 不同部门文件夹foo、bar等 对于每个文件夹,都有一个不同的导航菜单,供内部页面使用。 有一些常见的共享MDX...

回答 1 投票 0

UIKit - 嵌入页面中的 UISheetPresentationController

我正在使用 UIKit 开发一个 iOS 项目,并且正在实现一个 UISheetPresentationController。我的目标是将工作表固定在当前页面上。但是,当我导航到新页面时(例如......

回答 1 投票 0

将图像扩展到导航栏之外

我正在用 html 和 CSS(JS,如果我真的需要它)构建一个静态网站,并且在导航栏中我希望中间有一个徽标,稍微下降一点(例如 https:// /usiscreamingeagles.co...

回答 1 投票 0

移动 WordPress 菜单没有响应

在 WordPress 2024 主题上 - 我的移动菜单导航无法打开。 https://07i.c46.myftpupload.com/ 在控制台中我收到以下 JS 错误: 获取 https://07ic46.p3cdn1.secureserver.net/wp-includes/j...

回答 1 投票 0

在页面之间导航用户而不允许返回导航

GoRouter:如何在 Flutter 中登录后导航到主页并防止返回登录页面(Web 和移动) 我正在使用 Flutte 构建一个适用于网络和移动设备的电子商务应用程序...

回答 1 投票 0

Wordpress 自定义 wp_pagenavi 不适用于具有自定义查询的自定义页面

我正在尝试做一些自定义页面,我没有使用 wp_pagenavi 插件,而是使用自定义页面的自定义功能,现在它仅适用于 index.php 页面,但有些日子工作正常...

回答 2 投票 0

在flutter中使用auto_route时,如何在一页上推送多个路由的同时保留底部导航栏?

我想在应用程序的某些部分保留底部导航栏。我在使用 auto_route 包时使用 AutoTabsScaffold 。我的主页有 3 个选项卡。目前,当我推送任何新的 ro 时...

回答 1 投票 0

当用户使用 React Router v6 手动输入页面 href 时,如何防止 React Spa 中的导航?

我们有SPA并使用react router v6进行导航。 我的页面每个页面都有一组受限制的网址。 当用户手动输入 url 部分时,有什么方便的方法阻止导航吗?对于

回答 1 投票 0

从 SharePoint 列表视图 Web 部件命令栏中删除视图选择选项,但保留“新建”按钮来添加项目

在现代 SharePoint 上,我有一个包含列表 Web 部件的页面,显示该网站上的列表视图。我希望用户能够使用命令栏上显示的“新建”按钮创建新项目

回答 1 投票 0

如何通过 ADB 在 HyperOS (Android 13) 上禁用相机和导航指示(绿点)?

在 MIUI 13 之前,您可以使用以下 ADB 命令来指定相机和导航指示: adb shell cmd device_config 将隐私camera_mic_icons_enabled false 默认值 adb shell device_config

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.