Pis*_*ean 3 jquery jquery-ui jquery-selectors jquery-ui-tabs jquery-ui-theme
我在这里找到了同样的问题jquery ui tabs不能正常工作,但它对我没有帮助.这是我的HTML应该创建选项卡,但它不起作用:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs</title>
<link rel="stylesheet" href="jquery.ui.all.css">
<script src="jquery-1.7.js"></script>
<script src="jquery.ui.core.js"></script>
<script src="jquery.ui.widget.js"></script>
<script src="jquery.ui.tabs.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Content 1.</p>
</div>
<div id="tabs-2">
<p>Content 2.</p>
</div>
<div id="tabs-3">
<p>Content 3.</p>
</div>
</div>
</body>
</html>
这个html的输出是这样的:
. Nunc tincidunt
. Proin dolor
. Aenean lacinia
Content 1.
Content 2.
Content 3.
列表元素应显示为选项卡,但它们显示为列表.为什么会这样？提前致谢.
很可能你的jQuery在加载DOM之前正在执行,试试这个:
$(document).ready(function () {
$("#tabs").tabs();
});
| 归档时间： |
|
| 查看次数： |
26933 次 |
| 最近记录： |