tabs沒有效果?
<!DOCTYPE html>
<html>
<head>
??? <meta charset='utf-8'>
??? <title>拖曳排序插件</title>
??? <!--<link href="style.css" rel="stylesheet" type="text/css" />-->
??? <style type="text/css">
??????? #divtest {
??????????? width: 282px;
??????????? font-size: 13px;
??????? }
??????? li {
??????????? list-style-type:none;
??????????? padding: 0px;
??????????? margin: 0px;
??????????? line-height: 23px;
??????? }
??? </style>
??? <script src="http://idcbgp.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
??? <script src="http://idcbgp.cn/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
</head>
<body>
<div id="divtest">
??? <div id="title">
?????? <div>
?????????? <p><a href="#ul-1">我最喜歡的運動</a></p>
?????????? <p><a href="#ul-2">我最喜歡的球類</a></p>
?????? </div>
??????? <ul id="ul-1">
??????????? <li>1)足球</li>
??????????? <li>2)散步</li>
??????????? <li>3)籃球</li>
??????????? <li>4)乒乓球</li>
??????????? <li>5)騎自行車</li>
??????? </ul>
??????? <ul id="ul-2">
??????????? <li>1)足球</li>
??????????? <li>2)散步</li>
??????????? <li>3)籃球</li>
??????????? <li>4)乒乓球</li>
??????????? <li>5)騎自行車</li>
??????? </ul>
??? </div>
</div>
<script type="text/javascript">
??? $(function () {
??????? $("#title").tabs({
??????????? fx:{opacity:"toggle",height:"toggle"},
??????????? event:"mouseover"
??????? })
??? });
</script>
</body>
</html>
2018-12-11
添加引用<link href="http://idcbgp.cn/data/jquery-ui.css" rel="stylesheet" type="text/css" />
并將id="title"修改為id="tabs"試試
2018-06-07
加上這個樣式試試<link href="http://idcbgp.cn/data/jquery-ui.css" rel="stylesheet" type="text/css" />
2018-06-03
id換成課程中的試試