-1

Jquery UI ライブラリで AJAX タブを使用しています。ページに基づいてデフォルトのタブを変更する必要があります。いろいろ調べて、いろいろ試しました。残念ながら、Ajax タブに実装されている例は見たことがありません。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="uistyle.css" />
<script>
$(function() {
$( "#tabs" ).tabs()({
active: 2,
beforeLoad: function( event, ui ) {
ui.jqXHR.error(function() {
ui.panel.html(
"Couldn't load this tab. We'll try to fix this as soon as possible. " +
"If this wouldn't be a demo." );
});
}
});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#">Tab 1</a></li>
<li><a href="#">Tab 2</a></li>
<li><a href="#">Tab3</a></li>
</ul>
</div>
</body>
</html>
4

1 に答える 1

1

できることは、ハッシュタグを使用することです。つまり、あなたのページが index.html であるかと言います。あなたは言えた：

JavaScript:

if (window.location.hash == '#page1') $( "#tabs" ).tabs({ active: 1 });

html

<div id="tabs">
    <ul>
    <li><a href="index.html#page1">Tab 1</a></li>
    <li><a href="index.html#page2">Tab 2</a></li>
    <li><a href="index.html#page3">Tab3</a></li>
    </ul>
</div>
于 2013-03-24T01:38:32.290 に答える