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だけを含んでいますが、あなたのようなものはセレクターに必要です。homeidhome_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 に答える