在WP可折叠移动菜单中选择“已选择”菜单项

时间:2013-05-15 19:24:38

标签: html css wordpress wordpress-theming

有人能够如此迅速地帮助我解决我花了数小时和数小时的问题,我希望我能幸运,有人可以指出我在这个问题上的正确方向。

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

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

因此,不是有意义的事情 - 比如关于ASCO,或者甚至能够添加“选择页面” - 下拉列表显示“ - 过去的问题”

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

我觉得这应该很简单 - 但我不知道在许多WP文件中将所选LI设置在何处。

谢谢!

2 个答案:

答案 0 :(得分:5)

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

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

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

尝试将第22行设置为true,如果您喜欢将“{Page 1}”设置为“选择页面”,请将其设置为“导航”

或者,根据tinynav.js页面(http://tinynav.viljamis.com/),您可以将其自定义为这样的选项:

text('Navigation')

在你的main.js文件中,你在第14行调用它。你应该在那里添加$("#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) }); 选项。

答案 1 :(得分:0)

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

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

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

或者(更清楚,但更详细):

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