gpt4 book ai didi

Jquery-UI 选项卡不工作

转载 作者:搜寻专家 更新时间:2023-10-31 08:05:17 25 4
gpt4 key购买 nike

所以我正在尝试使用 JQuery UI 框架制作选项卡,但我无法让它们工作。它只是显示为项目符号列表,然后所有 div 都在彼此下面。我在另一篇文章中读到你需要某种我以前没有的 css/主题,所以我下载了一个自定义主题。我将它解压缩到我的媒体文件夹中,它生成了 js、css 和开发包文件夹。

我在页面中包含了两个 js 脚本,我检查了 chrome 开发人员工具以确保它们正在加载并且确实如此。我的文件中还包含以下代码:

<head>
<script type='text/javascript'>
$(document).ready(function(){
$("#tabs").tabs();
});
</script>
</head>
<div id='tabs'>
<ul>
<li><a href='#tabs-1'>Manage Categories</a></li>
<li><a href='#tabs-2'>Add Forms</a></li>
<li><a href='#tabs-3'>Change Forms</a></li>
</ul>
<div id='tabs-1'>
<h4>Current Categories</h4>
{% for category in categories %}
<a href='/admin/fm/delcat/{{ category }}/'>Delete</a> &nbsp;&nbsp;&nbsp; {{ category }}<br />
{% endfor %}
</div>
<div id='tabs-2'>
<p> stuff</p>
</div>
<div id='tabs-3'>
<p>stuff</p>
</div>
</div>

不确定为什么它不起作用。

最佳答案

您需要包含 JQuery UI CSS 文件。

<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />

应该这样做。

关于Jquery-UI 选项卡不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2076541/

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