You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.3 KiB
50 lines
1.3 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>KindEditor Tabs Test</title>
|
|
<link rel="stylesheet" href="../lib/qunit/qunit.css" />
|
|
<script src="../lib/firebug-lite/build/firebug-lite.js#startOpened"></script>
|
|
<script src="../lib/qunit/qunit.js"></script>
|
|
<link rel="stylesheet" href="../themes/black/default.css" />
|
|
<script src="../src/core.js"></script>
|
|
<script src="../src/config.js"></script>
|
|
<script src="../src/event.js"></script>
|
|
<script src="../src/html.js"></script>
|
|
<script src="../src/selector.js"></script>
|
|
<script src="../src/node.js"></script>
|
|
<script src="../src/range.js"></script>
|
|
<script src="../src/cmd.js"></script>
|
|
<script src="../src/widget.js"></script>
|
|
<script src="../src/tabs.js"></script>
|
|
</head>
|
|
<body>
|
|
<h1>KindEditor Tabs Test</h1>
|
|
<div id="tabs"></div>
|
|
<div id="tab1">内容1</div>
|
|
<div id="tab2">内容2</div>
|
|
<div id="tab3">内容3</div>
|
|
<script>
|
|
var tabs = K.tabs({
|
|
src : '#tabs',
|
|
afterSelect : function(i) {
|
|
K('#tab' + (i + 1)).html('选中了标签#' + (i + 1));
|
|
}
|
|
});
|
|
tabs.add({
|
|
title : '标签#1',
|
|
panel : '#tab1'
|
|
});
|
|
tabs.add({
|
|
title : '标签#2',
|
|
panel : '#tab2'
|
|
});
|
|
tabs.add({
|
|
title : '标签#3',
|
|
panel : '#tab3'
|
|
});
|
|
tabs.select(0);
|
|
</script>
|
|
</body>
|
|
</html>
|