0

我有一个简单的导航菜单:

<ul>
<li><a href="index.php" id="home_menu">Home</a></li>
<li><a href="purchase.php"  class="selected" id="information_menu">Information</a></li>
<li><a href="purchase.php" id="contact_menu">Contact</a></li>
</ul>

我正在尝试设置要选择的正确菜单项。一些菜单会有子菜单,所以我不认为我想通过它的 URL 来做,所以我在每个页面中设置了一个元数据标签,并带有正确的标签 ID:

<meta name="selected_nav_tab" content="home" />

然后通过 jQuery 获取 id:

$(document).ready(function () {

//set appropriate nav menu to selected
$('#nav li a').removeClass('selected');

//determine which tab should be selected
var selected_tab = $('meta[name=selected_nav_tab]').attr("content");
});

如何使用该 id("var selected_tab") 来选择主页选项卡?

就像是:

$(#selected_tab).addClass('selected');

大概是无脑...

谢谢你再次把我从我的脑海中拯救出来,

托德

4

3 回答 3

1

试试这个:

$('#' + selected_tab + '_menu').addClass('selected');

您的变量selected_tab仅包含home或其他内容,但您的变量idhome_menu这样的,并且#是选择器所需要的id

所以正确的选择器会看起来#home_menu等等。

于 2012-07-31T13:26:11.170 回答
1

作为您的 html 代码

你可以试试'_menu'是否总是在那里。

$('#' + selected_tab +'_menu').addClass('selected');

或者如果您想选择检查其内容。

$('#nav li a').contains(selected_tab).addClass('selected');
于 2012-07-31T13:29:26.247 回答
0

设置选定的选项卡选项。不过,您首先必须获取要选择的选项卡的索引。

http://jqueryui.com/demos/tabs/#option-selected

// Get jQuery object of the tabs element (assuming #nav is where you use the tabs plugin on)
var $tabs = $('#nav');

// Get selected tab id (this is the id right?)
var selected_tab = $('meta[name=selected_nav_tab]').attr('content');

// Get the index of the tab we are going to select
var selected_index = $tabs.find('li').index($tabs.find('li#' + selected_tab));

// Select the tab
$tabs.tabs('option', 'selected', selected_index);
于 2012-07-31T13:49:34.213 回答