jquery ui タブを作成しましたが、jquery ui タブを含むページが読み込まれると、前のページに応じて特定のタブが開きます。これまでのところ、私は次のことをしています:
PHP:
- $_SERVER['HTTP_REFERER'] を使用して前のページを取得します。
- 「if」ステートメントを使用して開くタブを決定します (tab_index 変数を割り当てます)。
- 「tab_index」を非表示の入力値に割り当てます。
Javascript:
- 非表示の入力値を取得し、それを js 変数に割り当てます。
- ??
次に、これを $('#tabs').tabs({.... ステートメントで機能させる方法がよくわかりません。これを解決する方法についてのアイデアは大歓迎です。どうもありがとう。
PHP:
$string = $_SERVER['HTTP_REFERER'];
$string = substr($string, -(strlen($string)-strrpos($string, '/')-1), strlen($string)-strrpos($string, '/'));
if ($string == "specific_page.php") {
$tab_index = 2;
} else {
$tab_index = 0;
}
HTML:
...
<input id="hidden_input" type="hidden" value="<?php echo $tab_index; ?>" />
JS:
$(document).ready(function() {
var tab_index = $('#hidden_input').attr('value')
$('#tabs').tabs({ cache:false,
ajaxOptions: {
error: function(xhr, status, index, anchor) {
$(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible.");
}
},
...something here for tab selection?...
});
});