gpt4 book ai didi

jQuery tabs() 函数不显示选项卡

转载 作者:行者123 更新时间:2023-12-01 01:11:01 25 4
gpt4 key购买 nike

以下是我用于创建选项卡式页面的 HTML 代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"></script>
<title>Testing Tabs</title>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#panel1">Panel 1</a></li>
<li><a href="#panel2">Panel 2</a></li>
<li><a href="#panel3">Panel 3</a></li>
</ul>
<div id="panel1">
<p>This is the text of panel 1</p>
</div>
<div id="panel2">
<p>This is the text of panel 2</p>
</div>
<div id="panel3">
<p>This is the text of panel 3</p>
</div>
</div>
</body>

当我在 Firebug 命令行上执行命令 $('#tabs').tabs() (或 $('#tabs').tabs({})) 时,实际上什么也没有发生,即链接仍然是链接,并且显示所有div。

最佳答案

确保还包含 jQueryUI 样式表。

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/ui-lightness/jquery-ui.css" />

示例: http://jsfiddle.net/6kg7k/

关于jQuery tabs() 函数不显示选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4770284/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com