jQueryUI-设置通过Ajax使用内容的默认选项卡_Jquery_Jquery Ui

jQueryUI-设置通过Ajax使用内容的默认选项卡

jquery jquery-ui

jQueryUI-设置通过Ajax使用内容的默认选项卡,jquery,jquery-ui,Jquery,Jquery Ui,我在jQueryUI库中使用AJAX选项卡。我需要根据页面更改默认选项卡。我做了很多搜索，也做了很多尝试。不幸的是，我没有看到在Ajax选项卡上实现任何示例 <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Test</title> <script src="http://code.jquery.com/jquery-1.9.

我在jQueryUI库中使用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>


试验
$（函数（）{
$（“#制表符”）.tabs（）({
活动：2，
加载前：函数（事件、ui）{
ui.jqXHR.error（函数（）{
ui.panel.html(
“无法加载此选项卡。我们将尝试尽快修复此问题。”+
“如果这不是演示的话。”）；
});
}
});
});

您可以使用哈希标记。所以你说如果你的页面是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>