![](/img/trans.png)
[英]how to add and remove multiple class in tab-pane in jquery or javascript
[英]jQuery tab pane
我引用了这个版本,并对其进行了贬义的jquery-ui-1.8.19.custom
库( 这里提到的所有31个组件)
我遵循了示例代码。 但这没有用。 这是我的完整代码。
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Default functionality</title>
<script type="text/javascript" src="1_6js.js"></script>// this is 1.6 jQuery pluging and it works well in other pages
<script type="text/javascript" src="jquery-ui-1.8.19.custom.min.js"></script> // this is my jquery ui plugin
<script>
$(function() {
alert("hi") // this alert showed in browser
$( "#tabs" ).tabs();
alert("oh") // this alert is also showed.
});
</script>
</head>
<body>
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>
<li><a href="#tabs-3">tab 3</a></li>
</ul>
<div id="tabs-1">
Content 1
</div>
<div id="tabs-2">
Content 2
</div>
<div id="tabs-3">
Content 3
</div>
</div>
</div><!-- End demo -->
</body>
</html>
我不需要任何CSS样式。 我只需要一个工作简单的选项卡窗格,以后就可以改进。 我把$( "#tabs" ).tabs();
在</ script>标记内的body标记中。 它也没有用。 任何人都可以让我知道我错过了哪里或问题出在哪里。
您忘记添加相关的CSS,例如:
<link rel="stylesheet" href="/css/custom-theme/jquery-ui-1.8.19.custom.css" type="text/css" />
添加http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css
解决了该问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.