在 WP 可折叠移动菜单中选择“选定”菜单项答案

【问题标题】：Choosing 'selected' menu item in WP collapsible mobile menu在 WP 可折叠移动菜单中选择“选定”菜单项
【发布时间】：2013-05-10 12:23:00
【问题描述】：

有人能够如此迅速地帮助我解决一个我花了好几个小时解决的问题，我希望我会很幸运，并且有人能在这个问题上为我指明正确的方向。

我在这里没有看到其他人有我的问题 - 而且我是使用 WP 模板而不是普通的旧 HTML/CSS/JS 东西的新手。

基本上 - 在我们使用购买的 WP 主题做的网站 (www.opted.org) 上 - 我无法让移动版可折叠菜单停止默认页面加载到主菜单中的最后一项。

所以不是有意义的东西——比如关于 ASCO，甚至能够添加“选择页面”——下拉菜单显示“--过去的问题”

我不在乎我如何真正修复它，但客户只是不希望该页面成为默认页面。我尝试在末尾添加一个名为“选择页面”的额外菜单项，并使用 href='#' 并使用 CSS 将其隐藏在 480 像素以上的屏幕上 - 但无论我如何尝试引用，我都无法让它工作它。

我觉得这应该很容易 - 但我不知道在众多 WP 文件中设置选定的 LI 的位置。

谢谢！！

【问题讨论】：

我确实发现该主题使用 TinyNav jquery 插件 - 但添加标签限定符并没有什么不同。不过，我会再玩一些。

标签： html css wordpress wordpress-theming

【解决方案1】：

我查看了 www.opted.org 网站上的 plugin.js 文件。

第22行有'header' : false // Boolean: Show header instead of the active item

在第 41 行有 jQuery('<option/>').text('Navigation')

如果您更喜欢文本“导航”，请尝试将第 22 行设置为 true，并将 text('Navigation') 设置为“选择页面”

或者，根据 tinynav.js 页面 (http://tinynav.viljamis.com/)，您可以将其自定义为如下选项：

$("#nav").tinyNav({
  active: 'selected', // String: Set the "active" class
  header: 'Navigation', // String: Specify text for "header" and show header instead of the active item
  label: '' // String: Sets the <label> text for the <select> (if not set, no label will be added)
});

在你的 main.js 文件中，你在第 14 行调用它。你应该在那里添加 header: 'Navigation', 选项。

【讨论】：

天哪——它成功了！我正在查看同一个站点 - 但不知何故设法错过了标题选项，并假设标签选项是我正在寻找的。令人惊讶的是，如此简单的事情可以让我疯狂这么久。你是救生员！谢谢！！
没问题，有时候拥有一双新鲜的眼睛总是有帮助的。

【解决方案2】：

如果不知道您使用的主题是如何工作的，就很难回答这个问题。但是，您当然可以使用 javascript 更改 selected 属性。

以下是您将使用 jQuery 将其设置为“关于 Asco”的代码：

jQuery('.tinynav').val('/about-asco/')

或者（更清楚一点，但更详细）：

jQuery('.tinynav option:first').prop('selected', true);

【讨论】：