html 实例源码
实例源码：
源代码：
执行
执行中...
1
<!doctype html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>jQuery UI 标签页（Tabs） - 通过 Ajax 获取内容</title>6
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">7
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>8
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>9
<link rel="stylesheet" href="/try/demo_source/jqueryui/style.css">10
<script>11
$(function() {12
$( "#tabs" ).tabs({13
beforeLoad: function( event, ui ) {14
ui.jqXHR.error(function() {15
ui.panel.html(16
"不能加载该标签页。如果这不是一个演示。" +17
"我们会尽快修复这个问题。" );18
});19
}20
});21
});22
</script>23
</head>24
<body>25
26
<div id="tabs">27
<ul>28
<li><a href="#tabs-1">预加载</a></li>29
<li><a href="ajax/content1.html">标签 1</a></li>30
<li><a href="ajax/content2.html">标签 2</a></li>31
<li><a href="ajax/content3-slow.php">标签 3 （慢的）</a></li>32
<li><a href="ajax/content4-broken.php">标签 4 （损坏的）</a></li>33
</ul>34
<div id="tabs-1">35
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java